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.





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

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

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