mui-x icon indicating copy to clipboard operation
mui-x copied to clipboard

[charts] Add OHLC Series Chart

Open joserodolfofreitas opened this issue 9 months ago • 1 comments

Summary

SCR-20240507-thpy

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

joserodolfofreitas avatar May 07 '24 16:05 joserodolfofreitas

We may be able to use a base from the candlestick implementation.

joserodolfofreitas avatar May 07 '24 16:05 joserodolfofreitas