HTML5 & JS Error Charts

Error Charts show uncertainty in data from its original value. Data Point accepts two values that represents the range of uncertainty.

In column charts, axisX is the horizontal Axis and axisY is the vertical Axis.

Cannot be combined with: Doughnut, Pie, Funnel, Pyramid or any Stacked charts.


Note
  • By default Error would be linked to previous dataSeries but you can link it to other series by setting linkedDataSeriesIndex



Error Chart Specific Properties

Applies To Attribute Type Default Options/Examples
dataSeries linkedDataSeriesIndex Number Previous dataSeries Index 0, 1, 2..
dataSeries whiskerColor String dataSeries Color “red”, “#006400”.
dataSeries whiskerLength Number/String Automatically Calculated 10, “80%”..
dataSeries whiskerThickness Number Automatically Calculated 0,1,2,3..
dataSeries whiskerDashType String “solid” “dot”, “dash” etc.
dataSeries stemColor String dataSeries Color “red”, “#006400”.
dataSeries stemThickness Number Automatically Calculated 0,1,2,3..
dataSeries stemDashType String “solid” “dot”, “dash” etc.


Basic Error Chart

Try it Yourself by Editing the Code below.


Column 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.