Oxicode / CurvedLines

CurvedLines is a plugin for flot, which displays lines in a smooth curved way. This is achieved by adding additional points in between the "real" data points.

CurvedLines is a plugin for flot, which displays lines in a smooth curved way. This is achieved by adding additional points in between the "real" data points. See the test files for examples.

The plugin is based on nergal.dev's work and gives you an option to display curved lines. I further extended the code with a 2nd mode, which forces the lines to have their minima/maxima on the original data points.

Feel free to add additional features and correct errors.

Regards Michael


Update
added tests/Issue18.htm with a better explanation of the curvePointFactor
and fitPointDist parameter!

   
   
   
    how to use it:
    ____________________________________________________

    var d1 = [[5,5],[7,3],[9,12]];

    var options = { series: { curvedLines: {  active: true }}};

    //you might want to adjust curvePointFactor 
    $.plot($("#placeholder"), [{data = d1, lines: { show: true}, 
                                curvedLines: {apply: true}}], options);

     _____________________________________________________

     options:
     _____________________________________________________

     active:           bool true => plugin can be used
     apply:            bool true => series will be drawn as curved line
     fit:              bool true => forces the max,mins of the curve to
                                    be on the datapoints
     curvePointFactor  int  defines how many "virtual" points are used per "real" data
                                point to emulate the curvedLines (points total = real
                                points * curvePointFactor)
     fitPointDist:     int  defines the x axis distance of the additional two points
                                that are used to enforce the min max condition.