An adjustable filled Line chart in spline mode

  Read comments...

Summary
An example of an adjustable filled Line chart in spline mode - ie instead of an angled chart you see a nice curvy chart - plus you can move the points up and down.

An adjustable filled spline. You can adjust the spline just as you would a regular line chart by clicking and dragging the points up and down.

[No canvas support]
<script>
    var line = new RGraph.Line({
        id:'cvs',
        data: [
            [8,1,12,1,4],
            [5,8,5,3,2]
        ],
        options: {
            ymax: 15,
            spline: true,
            linewidth: 5,
            filled: true,
            fillstyle: ['rgba(255,0,0,0.2)','rgba(0,255,0,0.2)'],
            tickmarks: 'circle',
            adjustable: true,
            labels: ['John','Kevin','Louise','Pete','Hoolio'],
            shadow: false,
            textAccessible: true
        }
    }).draw();
</script>

Share RGraph
X

Comments