HTML5 OHLC Charts

OHLC (Open-High-Low-Close) chart is used to illustrate the movement of price over a time period. A vertical line shows the Highest and Lowest values. Opening and Closing values are represent by Tick Marks, to the left and right respectively.

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




Basic OHLC Chart

Try it Yourself by Editing the Code below.


OHLC Chart With Additional Customization

Try it Yourself by Editing the Code below.

  Also See:    



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 8

  1. Pingback: CanvasJS v1.5 with Stock Charts, Range Charts & Export as Image Feature

  2. Thank you for the library. Could you help me please?
    I want to have OHLC chart with two color is it possible

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.