When the boost module is enabled I have this problem where zooming with the mousewheel causes the active chart to stay blurred. If I disable boost the issue disappears.
Here’s a fiddle that is configured with the output of .getOptions()
: https://jsfiddle.net/ryannaumanx/4evg6k1y/. Unfortunately it does not exhibit the same issues so I am unsure how to reproduce exactly. Any ideas?
The behavior in my application below. When yExtremes change in one chart, it is applied to the others as well as recalculating ticks.
useEffect(() => {
if (chart) {
chart.yAxis[0].setExtremes(
yExtremes.min || minDepth,
yExtremes.max || maxDepth,
// do not redraw the chart until the next `.update` call below
false,
true
);
// update & redraw the chart
chart.yAxis[0].update({
tickPositions: generateSteps({
min: Math.floor(yExtremes.min || minDepth),
max: Math.ceil(yExtremes.max || maxDepth),
includeMinMax: true,
}).map((value) => parseFloat(value.toFixed(1))),
});
}
}, [yExtremes, chart, minDepth, maxDepth]);