Hi, Thanks for the reply. Yeah I understand that scrollable area works that when the plot area width it's smaller than minWidth the scroll is showing. But in the 2 examples I provided, the width of plot area is smaller than minWidth. <div style={{ width: "300px" }}> <HighchartsReact highch...

Hi, I met an issue about chart not showing correctly when the width of scrollable area is too large. I want to keep the distance between points as a fixed pixel (for example 20px). So I will calculate the width of scrollable area based on x axis horizon. Here is an example working correctly: https:/...

Hi, Thanks for reply. To solve the problem step by step, let's focus on the scrolling first since I assume this is the most complicated part in the requirements. Use this demo as an example: https://codesandbox.io/s/highcharts-react-demo-forked-iq50w?file=/demo.jsx. The points on chart and points on...

Hey, I'm trying to implement the feature around synchronization between chart and custom table. The requirements are as follows. 1) when I change the value in the <input> inside the table, the corresponding point on chart would update the value accordingly, show marker in hover state, show the verti...

Hi, Thanks for the reply. Your suggestion is valid and it mitigated that problem a little bit. But as a follow up, even with mouseOver and mouseOut event, it still seems like there are unnecessary updates happening. Here is the demo which I applies your suggestion on using mouseOver and mouseOut eve...

Hi, Thanks for the reply. Actually the requirement in this post is not the same as this one https://www.highcharts.com/forum/viewtopic.php?f=9&t=46033. They are somewhat related but that post is about how to treat the tooltip when hovering over one of several points in the same vertical line. Th...

Hi, I'm trying to find a way to realize the following requirement. Let's assume there are 3 kinds of marker style. Style A : normal marker style. Style B : style for the point which the mouse is hovering on directly. Style C : marker style for the point which is on the same vertical crosshair as the...

Hi, Sorry about the confusion. I have created a new demo https://jsfiddle.net/z6cmopw5/9/. We can work on this one together. Firstly, I would like to express my understanding for marker in hovered state and normal state . If a marker is in hovered state, it would be highlighted and there is a halo a...

Hi, Thanks for the solution. It works fine! One follow up question is I got his warning Property 'scrollingContainer' does not exist on type 'Chart'. because I'm using typescript in my project. Is there any way to mitigate this warning? One thing I can think about is maybe extend the original chart ...

Hi, Thanks for the update! Actually I have found a possible workaround for that bug (which can be found in the following demo). But still want to get update from that bug, since this workaround has many iterations (iterate all series then iterate all data points), which might bring downside on perfo...

Hi, I want to control the tooltip position and always put it on the left of the crosshair as long as it doesn't go out of the chart. But if the tooltip is going to be out of the chart, show it on the right side of the crosshair. (BTW, the reason behind this requirement is I found that if the tooltip...

Hi,

Do we have any progress on this potential bug? If it has been fired somewhere, is there any link that I can keep track with?

Thanks!

Hi,

I managed to solve the problem. Thanks for all the help!

Hi, Thanks for the reply. I have tried the demo (https://jsfiddle.net/zgr879x5/3/). I notice that based on current config, only when the mouse is close to that series (whose name is '2' in the demo), the marker will show up. Is that possible that when the mouse is hovering on the chart, no matter ho...

Hi,

Thanks for helping me test different configurations.
I just reported a bug on github: https://github.com/highcharts/highcharts/issues/15290.