HTML5 Range Column Charts

Range Column charts are same as column charts except that there are two y values (low and high) because of which columns are floating instead of being attached to a base like in case of regular column charts. These charts are mainly useful in cases where we want to show change in value within a range like high and low temperature in a day, etc.

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




Range Column Chart Specific Properties

Applies To Attribute Type Default Options/Examples
dataSeries bevelEnabled Boolean false true,false
dataSeries fillOpacity Number 1 .2,.3 etc.


Basic Range Column Chart

Try it Yourself by Editing the Code below.


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

Comments 4

  1. I need an example of Range Column Charts With asp.net and sql server 2008.
    I hope you can help me

  2. Hi! Is there a way to put different markers on top and bottom of range columns? Usual ‘markerType’ doesn’t seem to work. Thanks!

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.