JavaScript code to create OHLC and line chart combo chart template

You can also combine line charts with OHLC. Line charts/graphs in OHLC are used to show various parameters in financial analysis. You can also combine OHLC graphs with spline or area charts.

The example below illustrates a sample of the 2016 Lockheed Martin stock price chart with the number of shares by combining the OHLC and line graphs. It is made with JavaScript and you will see the source code below the screenshot.

JavaScript code to create OHLC and line chart combo chart template Picture 1

Source : CanvasJS

Chart customization

Like other chart templates created with JavaScript, you can also change properties in the source code to get the results you want. For example:

1. visible: Show/hide data series
2. lineColor: Customize the color of the line
3. lineThickness: Line thickness
4. color: Color
5. markerType: Marking style
6. …

David Pac

Update 24 July 2023