Highcharts component for react. Highcharts is a Javascript charting library that uses HTML, SVG, and VML. The editor offers both open source/nonprofit and commercial editions of the product.
Questions tagged [react-highcharts]
409 questions
1
vote
1 answer
Is there a way to change dash style of plot line on hover in highcharts?
I want to change the dashStyle for a plot line when user hovers overs it.
JSfiddle - https://jsfiddle.net/sharadkalya/5z1w06pL/17/
What I've tried is as follows:
plotOptions: {
series: {
states: {
hover: {
…
sharad_kalya
- 255
- 1
- 3
- 11
1
vote
1 answer
Adding loading message during zoom in on react highcharts world map
I am showing a world map in react using highcharts and I am showing lot of bubbles(data points) on the map. When the user clicks zoom in button, the map takes some time to zoom in with large number of bubbles on the map. I want to add a loading…
ChandyP
- 11
- 1
1
vote
1 answer
How to set background color for series with unique name in Gantt chart from Highcharts?
I want to dynamically show background colors for each Series (Unique names) in gantt chart. Something like shown in below below screenshot
Image showing light grey and grey background for Development & Testing
I tried plotBands option on yAxis by…
manshi44
- 19
- 3
1
vote
1 answer
Error when adding Variable Radius Pie in Highcharts React
I am trying to add a Variable Radius Pie Chart in a Next.js Project. I have downloaded the latest versions of Highcharts and the Highcharts React Wrapper and have imported them:
import styles from…
1
vote
1 answer
React Highcharts Treemap - customize Tooltip with React component
I want to use Highcharts Treemap in my React app.
And I want to change the tooltip to be able to render React components there (JSX.Element, at least). The docs say
"A subset of HTML is supported. Unless useHTML is true, the HTML of the tooltip is…
B. Grossman
- 21
- 1
1
vote
1 answer
I need to set a color to the HighCharts heatmap in absolute value but the mapping is done in percentage and the range is calculated internally
const adjustedStops = [
[0, "rgba(198, 75, 104, 1)"],
[0.5, "rgba(0,0,0,0)"],
[1, "rgba(75, 198, 124, 1)"],
];
this works when the range is symmetrical example:symmetrical
but when the range is not Asimetrical Asymmetrical
So i…
André Ferreira
- 15
- 3
1
vote
0 answers
How to adjust the node vertically in Highchart (Organization Chart)?
We have adjusted the height and width of node at level1 to 30px each, then the node got shifted towards bottom. How we can align the node in the center with the specified height and width ?
Here is the Demo Example:…
Chirag Chawla
- 1
- 2
1
vote
1 answer
Is it possible to use threejs anaglyph Effect with highcharts3d in reactjs? If not any alternate method for Anaglyph effect in highcharts3d?
I have highcharts3d and I wanted to implement Anaglyph effect with highcharts3d
the below code is working component, You can copy paste this code into any of the reactJS application Only thing is not working in below example is anaglyph…
Hasansab Takked
- 81
- 6
1
vote
0 answers
How to limit height of plotlines in highchart graphs?
by default the plotlines are infinite but i want to restrict the height of plotlines
how can i achieve that without using below code
I want solution in ReactJS.
please help me with this if possible
thanks ✌️
I have tried searching documentation but…
Nimesh s
- 31
- 1
1
vote
0 answers
Error: attribute d: Expected moveto path command ('M' or 'm'), "L 1214.5 85 L 86…". in Highcharts-3d
I'm using https://www.highcharts.com/demo/3d-area-multiple this chart in reactjs here in this Template
Facing this below error while loading area chart using highcharts-3d as I'm unable to find the solution asking here
Looking for some…
Hasansab Takked
- 81
- 6
1
vote
1 answer
Unable to set Minimum Height for Legends in Highcharts
I am using sunbursts in highcharts where I needed to customize my legends.
As part of this, I have legends starting from 0 items ( an empty chart) to any where near 15 legend items.
I see that legends provide a maxHeight property to set max height,…
usha
- 13
- 2
1
vote
1 answer
Highcharts add min/max Y-axis values to CSV Export file
I am looking to add Y-Axis Min & Max values to the exported csv file from a Highstocks graph.
I haven't been able to find a solution to it. Please let me know if there is one. Thanks!
Daniyal Yahya
- 11
- 3
1
vote
1 answer
I am using Organization Chart, from high Charts. I am not able to adjust the height of the container with increasing number of nodes
Image of my desired behaviour.
Image of what I am getting
To get my desired behaviour I have to manually set height of the container like
As I am dynamically importing data so height changes…
Monti
- 35
- 3
1
vote
0 answers
React-HighCharts Uncaught TypeError: undefined 'forExport'
This is happening with React using react-highcharts but ONLY when StrictMode is on.
It seems that StrictMode is running through its first iteration then tries to destroy the graph that does not exist.
The failing line from highcharts.src.js, where…
NAJ
- 1,021
- 1
- 8
- 11
1
vote
1 answer
how to use external dropdown for zoom values in stock highcharts
How can I use external dropdown for zoom-in zoom-out stock timeseries data ?
Initially when I get to the chart, on load, I display 1hour data which is fine. At this point, internal or integrated dropdown's other options are disabled as I load small…
micronyks
- 54,797
- 15
- 112
- 146