Hello,
I am using stock chart with GUI in React with Next.js.(versions: "highcharts": "^9.2.0", "highcharts-react-official": "^3.0.0"). I want users can change the data grouping from the UI in the chart. You can see in the example TradingView chart: https://www.tradingview.com/chart/. You can change the date type from there, and if you select month, you can see the prices in a monthly basis. It is a really crucial feature for our upcoming product.
I already tried to add this feature to my chart with adding data grouping to my series (I added a custom button which is written "set frequency" on it.) You can see and try from the demo: https://codesandbox.io/s/data-grouping- ... c/index.js. When you click to button, it expands to "daily, weekly, monthly". It seems it is working right now. But sometimes, it is causing different, strange bugs (I really couldn't figure out clearly why and when it happens.)
Let me show you one of the bugs with a video on this demo: https://www.loom.com/share/825b1f360537 ... 33e22c96f4 At 4th second, when I click to all, the chart changes. When I upload a new chart data (at 12th second), and after click monthly, after click "all" button frequently, the chart and the prices changes every time. I also have different kind of bugs related to that data grouping feature in my local project that I could not find any pattern why it happens.
I really appreciate if you help me on this. I also could not find any other approach to make this feature except the data grouping. It is a crucial feature for us.
Thanks!