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
page.data.json 404 not found & componentDidMount() not firing in production
I have a GatsbyJS site and am hitting an issue where it can't find any page-data files nor is componentDidMount() firing. This only occurs in production, it works just fine locally both with a full build and in gatsby develop.
Steps to…
gregwhitworth
- 2,136
- 4
- 22
- 33
0
votes
1 answer
How to make highchart points redirect to another component with value in React?
In highcharts, by clicking on the data points, I need to redirect to another page by passing the points values in react.
I'm using reach/router. Is there any by which we can make a point like a react/router Link.
plotOptions :{
…
Krn
- 21
- 4
0
votes
1 answer
Highcharts polar outcome is line instead of polar
I am trying to use highcharts polar with react.
I tried creating straight line graphs and pie charts easily.
However, based on Highcharts API, instead of chart:{type: pie} , i need to input chart:{polar: true}.
I edited straight on App.js after…
0
votes
1 answer
How to use highcharts' charts.get(location) in React?
I'm using highcharts in React , and I want to invoke .get() method. the official demo is like :
var chart = $('#container').highcharts(),
locationA = chart.get('locationA'),
locationB = chart.get('locationB'),
locationC =…
Shinji035
- 331
- 2
- 6
- 17
0
votes
1 answer
TypeError: Cannot read property 'nodeName' of null
I'm trying to run a small chart to test Highchart's within a project created in visual studio and am encountering a
TypeError: Cannot read property 'nodeName' of null a.Chart.getArgs
L:/Google Drive/Open university work/Year three
…
M Leipper
- 277
- 5
- 20
0
votes
1 answer
Decide which serie goes into range-selector highstock
I have a chart with 3 different series and I've included Range Selector from Highstock. I want to be able to select which one of the 3 series is the one set in the Range-Selector. Is there any way to dynamically assign the serie to the Range…
Romina
- 195
- 1
- 3
- 12
0
votes
1 answer
Shared legend of charts in react-highcharts?
How can one have two charts with a shared legend (which controls both charts) using react-highcharts?
A solutions using jQuery is provided in this jsFiddle but I am unable to sort out how to do it (& have components' options reference other…
rBambi
- 3
- 3
0
votes
1 answer
How can I add links in a Highcharts tooltip that will open on mobile's browser?
I am developing a React Native app with expo. One of the screens contains a graphic created with Highcharts. All points have an associated tooltip with some text, to which I would like to add a link that would open the URL in the browser (that is,…
fedorqui
- 275,237
- 103
- 548
- 598
0
votes
1 answer
Need to join x axis and y axis label highcharts
I am trying to join the nodes of the x axis and the y axis of the area spline chart. Here is my fiddle and also I need to move title and subtitle at the left corner and need to integrate dropdown. Basically I need graph something like this…
Profer
- 553
- 8
- 40
- 81
0
votes
1 answer
Render title with dynamic html in highcharts
I have to add an number in space behind the chart. Something like this
Here is the Fiddle
Here is my code
title: {
text: title,
align: 'left',
x: 10,
style: {
color: '#000000',
fontSize: '20px',
fontWeight:…
Profer
- 553
- 8
- 40
- 81
0
votes
1 answer
Increase width of Xaxis title in bar chart in highcharts
I am trying bar chart using Highcharts. In the below code we have xaxis categories like : ['Name1', 'Name2', 'Name3', 'Name4' ].
Firstly, I am using the below highcharts code in react native to develop iOS app.
I am trying to place the Name on each…
iOSDev
- 412
- 10
- 30
0
votes
1 answer
How to drilldown to third level when its data is determined by second's click event?
So, I have been trying to use drill down to multiple levels, problem I am facing is that I couldn't drill down to the third level because the data will be fetched by ajax upon second drilldown's selection.
for example, refer to this…
Gaurav Kumar
- 1,111
- 6
- 25
- 52
0
votes
1 answer
How to add separate annotation style tooltip for Highcharts marker?
Need to add separate tooltip for point marker.
I am using crosshair for displaying tooltip in Highcharts. Also, for some of the series data points I am adding a marker(in yellow circle). I want to know if it is possible to have a custom tooltip on…
Wenger
- 157
- 1
- 9
0
votes
1 answer
Highcharts skipping shared tooltip points for large data sets
Seems like Highcharts is skipping a few data points in the shared tooltip for high number of data points (2500+).
I am trying to render a dual axis chart with 2500+ data points for 4 series - using Highcharts. I am also using a shared tooltip option…
Wenger
- 157
- 1
- 9
0
votes
0 answers
Update Highcharts data, while drilled down (react)
I have a highcharts drilldown column chart that shows weekly spending, and users can drill down in each week to see the category breakdown.
Separate to the chart, users can also filter down the categories they want to see and we then pull the…
user1960089
- 167
- 1
- 1
- 10