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
1 answer
How do I turn string insert data into a series for react highcharts?
This is a straight forward question that's a little tricky to explain if you don't know highcharts. So, with a simple block lets say I want to write `
[{"name":"Name1","data":[{"x":1477621800,"y":114,"name":"Name2"}]`
to insert into my highcharts…
guest5541121
- 13
- 4
0
votes
2 answers
How to add a React method to an object outside of React
So, really straightforward issue here. I am using React Highcharts Official and for the options attribute on ReactHighcharts I want to import graphOptions from another file.
guest5541121
- 13
- 4
0
votes
0 answers
Highchart is not updating on series state change
I am setting my series like below.
import React, { Component } from "react";
// Import Highcharts
import Highcharts from "highcharts/highstock";
import HighchartsReact from "highcharts-react-official";
import…
raj m
- 1,863
- 6
- 21
- 37
0
votes
0 answers
Highchart is not updating after setState (bubble motion)
I have a service call on componentDidMount. Up on getting the data, I am trying to set my state which holds highchart information.
Code is below.
import React, { Component } from "react";
// Import Highcharts
import Highcharts from…
raj m
- 1,863
- 6
- 21
- 37
0
votes
1 answer
trying to set the state of react-highcharts, but it isn't working?
As stated in the title, how to set the data with a state value in react for highcharts? The value of this.state.number is 0 / undefined
CODE
getFirstMonthOpenEnhancements(){
…
bobb1213131
- 277
- 1
- 5
- 16
0
votes
1 answer
Highcharts + Webpack messing up with chart rendering
The bundle from webpack renders one of my charts very differently from what I see in dev mode with hot reloading and expect to be consistent no matter what.
It is specific to a type chart area with polar at true, I use many other charts and all of…
Sylver
- 2,285
- 3
- 29
- 40
0
votes
1 answer
Input filter not working for reactive highchart
I've created an input slider that gives the user the option of selecting a hospital services from our dataset. I have a chart that shows the number of patients by age group. However, I want to be able to have this chart filter based on the service.…
DocProc
- 103
- 7
0
votes
0 answers
Highcharts extra table not exporting?
I am following the code example of this jsFiddle in order to draw an additional table into the Highcharts SVG, so that it can be exported into an image when the chart is exported.
I am able to draw the table I want, but when I export, my extra table…
Dylan Cristy
- 916
- 11
- 29
0
votes
1 answer
How to make the react-highchart line type stay fixed?
Everytime I input something in my textarea, the black line on the picture below keeps re-rendering the data. How to make it stay fixed? Below is the code that displays the chart table and the textarea code. I am using CKEditor js library to display…
bobb1213131
- 277
- 1
- 5
- 16
0
votes
1 answer
React highchart, trying to change length size of a line specifically on the bottom of chart
As mentioned in title, how to change line size below the chart?
xAxis: {
categories: ['March', 'April', 'May', 'June'],
labels: {
style: {
color: 'black',
fontSize:'15px'
},
formatter: function(){
return '
bobb1213131
- 277
- 1
- 5
- 16
0
votes
1 answer
How to synchronize the Highchart Sunburst behavior
As shown in the image, I want to show two sunbursts next to each other. I want to implement it with Highchart and react in such a way where,
If user mouse over on any data point on one sunburst, same data point should get highlighted on another…
Kiran Ramchandra Parab
- 486
- 6
- 23
0
votes
1 answer
Highcharts official + React, series population from JSON?
I have some issues with replacing current chart in a project with Highcharts. I'm using highcharts-react-official (and highcharts) NPM packages, and it doesn't render "everything" from the response.
The project is quite large and looking through the…
mtorn
- 159
- 3
- 16
0
votes
0 answers
React JSX highcharts wont update
I am currently using the React JSX Highcharts module to create a chart which exhibits several spline series dynamically (using .map function)
I have a global var called DataLines,
in my render function I Wrote…
Noa A
- 1
- 1
0
votes
1 answer
use on click for pie react-highcharts without overriding default onclick function
I have a pie chart from react-highcharts. I am currently attemping to implement the drilldown function.
Drilldown works if I remove my function, so I suspect my function is overriding the default onclick for react-highcharts.
The following code is…
Andrew Florial
- 1
- 2
0
votes
1 answer
PLotLines In HighCharts Overlapping || React highCharts || YAxis Interval
I am developing a barchart in React Js using React HighCharts Library. So in some of the case my data interval is not linear(diffrence between min value and max is very large). so the plotlines are overlapping. Sharing the image for…
Tarik Sahni
- 158
- 1
- 2
- 13