Live Demo

Use the controls to manipulate the chart. Select an instrument and set the time interval using the buttons above the chart. Change the candle size, interval width and scroll position using the buttons below.

The overall chart has 3 panels, where each panel is rendered within a separate container DIV element. The first is the price chart, the second is the time labels and the third is displays the volume histogram. The separation of panels provides versatility of layout and allows for bespoke UI elements between panels, for example toolbars, legends, labels, panel resize handles or tabbed panels.

For a very simple usage example, please take a look at Hello World.