JavaScript OHLC charts are similar to Candle Stick Charts except that tick marks to the left & right of vertical line are used to show Opening & Closing Prices. OHLC Charts are easily customizable, interactive, responsive, supports animation, zooming, panning & exporting as image. Below example shows JavaScript OHLC Chart along with HTML source code that you can edit in-browser or save to run locally.
Data souce: In code { x: new Date(2016, 00, 01), y: [230.720001, 231.380005, 182.410004, 191.199997] }.
https://canvasjs.com/javascript-ohlc-chart/