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
0
votes
0 answers
When I make selection out of dropdown of one pie chart, all other pie charts get re-rendered. How to make only that pie chart to get re-rendered
In the code below, 'chartList' is an array of chart variables set with specific data. When selection is made from dropdown for one of the pie chart, all other such pie charts are getting refreshed/ re-rendered.
chartsList.forEach(chart => {
…
0
votes
1 answer
How to define format for Drilldown Pie Charts in Highcharts
How can I define the format for Drilldown Pie Charts in Highcharts similar to the way we do it using series.dataLabels.format for normal pie charts?
This is code the way I have done it for a normal pie chart. Once I drilldown, I want to it be in…
0
votes
2 answers
How to use react-highcharts to plot bell curve
I am using react-highcharts to plot bar charts,donut charts and bell curve chart. I am not able to plot bell curve chart using react-highcharts while other charts are being plotted.
React package used for highcharts is…
Nishant_061
- 87
- 1
- 7
0
votes
0 answers
Horizontal axis is resizing during load on area chart
Using highcharts-react-official and plotting two area chart series. The seriesA is on the left and consists of lower numbers than everything in seriesB which is on the right. The problem I'm having is that while these are being initially loaded, the…
Joe Phillips
- 49,743
- 32
- 103
- 159
0
votes
1 answer
How to show the path that I have traversed in highcharts drilldown chart?
I am using highcharts drilldown chart with multiple levels and I would like to show the users what path they have traversed while drilling down the chart. Is there a way to show that path next to the chart?
for example…
krishna teja
- 159
- 2
- 9
0
votes
1 answer
How can I hide/show a data that in a series? (highchart)
I know how to hide a whole series,but I have no idea about how to hide a specific data in a series. here is part of my option:
series: [
{
data: [
{ x: 35, y: 35, z: 50.8, name: "A" ,visible:false},
{ x: 25, y: 75, z: 50.8,…
jjzjx118_2
- 419
- 7
- 23
0
votes
1 answer
How to remove category label margins of highchart?
I use string for x axis categories. and I want remove the margins of the first category and last category label to make them align to left/ right. is that possible?
jjzjx118_2
- 419
- 7
- 23
0
votes
1 answer
Highcharts arearange draggableHigh and draggableLow not working
According to the documentation, series.arearange.dragDrop should accept draggableHigh and draggableLow (both defaulting to true) to allow the high and low points of the range to be dragged individually. In other words, not only moving the range up…
Yngve Høiseth
- 570
- 6
- 26
0
votes
1 answer
Is it possible to set the tick interval's pixel width?
So I'm basically trying to line up a highcharts chart exactly with an html table that's being rendered just above it. I'm just wondering if there's any way to have an absolute spacing in pixels between each xAxis tick?
The table's cells have a…
Dylan
- 21
- 4
0
votes
0 answers
What is the right way to bind Highcharts event in React functional Component?
I am using highcharts in react with react highchart:
demo
I defined the chart option in another file and import it as a state
import * as options from "./chartConfig";
const [option, setOption] = useState(options.option_bubble);
and now change the…
jjzjx118_2
- 419
- 7
- 23
0
votes
2 answers
Avoid displaying y axis label and points when there is no data: HIghcharts
I am trying to plot a stacked bar graph using highcharts. I need to avoid the y axis label "Count" and the range from the y axis when there is no data for the graph. But need to bring back the label as well as the value when there is some data. Can…
joy08
- 9,004
- 8
- 38
- 73
0
votes
2 answers
drilldown not working in piecharts in reactjs
Im trying to add the drilldown option to my piechart but the drilldown does not trigger.
HEre is my codesandbox.io
https://codesandbox.io/s/highcharts-react-demo-43bgg
user1050619
- 19,822
- 85
- 237
- 413
0
votes
1 answer
Highchart drill up function now working in reactjs
I'm using highchart large tree map demo. I'm getting level data on click of each section. But also need to get the data on back button. So I'm using events drill up function to get data on click of back button. below is my code.
this.setState({
…
Sagar Kodte
- 3,723
- 4
- 23
- 52
0
votes
1 answer
How to aligment nodes with highcharts
I am trying to alignment nodes, But I cant see any options how to do it,
Currently my code is
Highcharts.chart('container', {
chart: {
type: 'networkgraph',
plotBorderWidth: 1
},
title: {
text: 'Trans-Siberian Railway'
},
subtitle: {
…
Vitaly Menchikovsky
- 7,684
- 17
- 57
- 89
0
votes
2 answers
Is there any way to test the highcharts with large data-set with Jest and React.?
I am trying the write test for highcharts.
But how to test the highchart with larger data set, to check the performance and to test if highchart works with larger data set.
Library : Highchart-react-official, Jest, React
Krn
- 21
- 4