HTML5 Range Spline Area Charts

Range Spline Area Chart is same as Range Area Chart except that it uses a smooth curve.

Cannot be combined with: Doughnut, Pie, Bar, Stacked Bar charts.




Range Spline Area Chart Specific Properties

Applies To Attribute Type Default Options/Examples
dataSeries fillOpacity Number .7 .2,.4,1 etc
dataSeries/ dataPoint markerType String “circle” “none”, “circle”, “square”, “cross”, “triangle”
dataSeries/ dataPoint markerColor String dataSeries Color “red”,”#1E90FF”..
dataSeries/ dataPoint markerBorderColor String dataSeries Color “red”,”#1E90FF”..
dataSeries/ dataPoint markerSize Number 0 5,10..
dataSeries/ dataPoint markerBorderThickness Number 1 4,7..
dataSeries lineThickness Number 2 4,7..


Basic Range Spline Area Chart

Try it Yourself by Editing the Code below.


Range Spline Area Chart With Additional Customization

Try it Yourself by Editing the Code below.



In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.

Comments 2

In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.