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 Editing The Code

OHLC Chart With Additional Customization

Try Editing The Code

  Integrations:    

  Also See:    

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

8 Comments

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

  3. Anna says:

    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