• Open in:

Candlestick Chart

Candlestick chart is one of the most common ways to display financial data such as stock trading prices over time. Creating candlestick charts with amCharts is really easy and you get a lot of advanced features such as grouping right out of the box (try zooming in and out).

Key implementation details

To create a candlestick chart we add CandlestickSeries to an XYChart. We configure all the value fields for open/close/low/high values and also for grouping (lowValueYGrouped, etc.). We enable grouping by setting groupData to true on the DateAxis (X axis in this demo). And the engine takes care of the rest.

Related tutorials

Demo source