mui-x
mui-x copied to clipboard
[charts] Add OHLC Series Chart
Summary
OHLC (Open-High-Low-Close) charts are crucial for visualizing price movements and are a valuable addition along the candlestick charts.
OHLC vs. Candlestick
OHLC charts and candlestick charts #13044 are very similar and actually convey the same data. The main difference lies in how they visually represent that data.
-
OHLC Charts: Emphasize the range of price movement during the timeframe.
-
Candlestick Charts: More emphasis on the relationship between the opening and closing prices
Other use cases
These charts can be used to track the performance of any asset over time, not just financial instruments. For example, you could use an OHLC chart to visualize website traffic fluctuations, sales figures over a period, or even track the closing price of a rare baseball card collection.
Benchmark
- https://klinecharts.com/en-US/sample/candle-type
- https://tradingview.github.io/lightweight-charts/docs/series-types#bar
- https://www.highcharts.com/docs/stock/ohlc-chart
- https://www.fusioncharts.com/fusiontime/examples/interactive-ohlc-chart?framework=javascript
- https://charts.ag-grid.com/react/axes-types/?ref=blog.ag-grid.com#ordinal-time
- https://canvasjs.com/react-charts/ohlc-stock-chart/
- https://demo.scichart.com/react/ohlc-chart
Search keywords: ohlc
We may be able to use a base from the candlestick implementation.