Relative Content

Tag Archive for highchartsreact-highcharts

“Violation – message handler took xxms” when rendering multiple Highcharts on the same page

I am using Next.js 14 along with Highcharts to render multiple charts on the same page.
Depending on the page, I may have between 3 to 5 charts displayed simultaneously. Although the data sets for the charts are not very complex, I am experiencing significant performance warnings, such as:
[Violation] 'message' handler took xxms
These warnings mainly occur when I switch between pages or when multiple charts are rendered at the same time.

Import Pictorial chart

I am trying to add a pictorial chart to my react project. However, I am receiving an error message saying that I am unable to resolve the path to the highcharts/modules/pictorial module.

Highcharts navigator prevent me to select minimum one data point

I have chart type column. And i’m using highstock navigator. The issue i’m facing, navigator prevent me to select minimum one data point. There is total 7 data point series and I want to select 1 data point using navigator and column point width should stretch fully if there is one data point. This is the requirements I have.

Highcharts yAxis options not updating via state in React

I’m not sure if I’m doing things incorrectly but I noticed an issue recently where some updates being made to the yAxis options (specifically max/softMax) via React state weren’t causing the chart to re-render properly.

Is there a way to have one layout per breakpoint in Highcharts

I’m currently working with Highcharts Dashboards and I’ve encountered a challenge related to responsive layouts.
In the edit mode of Highcharts Dashboards, you can view and adjust the layout for different breakpoints: Large, Medium, and Small devices. However, I noticed that the dashboard configuration only seems to store a single layout configuration.