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 auto 5,10..
dataSeries/ dataPoint markerBorderThickness Number 0 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.





If you have any questions, please feel free to ask in our forums.Ask Question

Comments 2

If you have any questions, please feel free to ask in our forums. Ask Question