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 add linear gradient fillColor for line with highcharts
I need create a line with shadow, from line to top. In docs I didn't find any info about this. Help me please!
Thanks
Nazar Vovk
- 73
- 7
0
votes
0 answers
How to styles PlotLines on Y axis in BarChart React HIghCharts ?
I Have a Bar chart and in Y axis i have three plot lines,I can change the color of label and style the labels but I cannot get my desired outcome.
This is my desired Outcome.
I want the styling of the leftMost labels on Highcharts Y axis, Please…
Tarik Sahni
- 158
- 1
- 2
- 13
0
votes
0 answers
Highcharts areaspline, charts crosshair
Hi all i have this chart
http://i.prntscr.com/U1ho1cqRTVq-ifoMquWKAw.png
and i need to get in result
http://i.prntscr.com/Lj_PqmNWSxiIBJmK3tS44Q.png
I think solution of this task in crosshair< but i start use highcharts one week ago. Can u help me…
Вова Магдич
- 5
- 1
- 3
0
votes
1 answer
How to get bar id in react highcharts?
I form charts and a have such series format:
series: {
id : '001',
name: 'name,
data: [],
color: '#fff'
}
In…
Sam Fisher
- 746
- 2
- 10
- 27
0
votes
0 answers
Highcharts - title per column
I am currently using Highcharts in a React app to display 2 columns of data.
I have a request to append a title to each column, ideally I need to do something like this -
I was thinking about trying to use annotations and styling them to look like…
Harry Blue
- 4,202
- 10
- 39
- 78
0
votes
1 answer
Adding Series during componentWillReceiveProps does not work
I have been at this for a while now and I'm stumped. I have a react component that is supposed to add a new series whenever it receives props, however chart.getChart().addSeries({ data: [1, 2, 3, 4] }) is not showing the new series in my chart. …
Aldo Sanchez
- 450
- 7
- 23
0
votes
0 answers
React component in highchart axis label
I'm looking to use a react component within a highchart axis label. I've tried a number of different methods to accomplish this with no success.
Here is where I am right now:
import React from 'react'
import ReactHighcharts from…
JasonA
- 241
- 2
- 5
- 13
0
votes
0 answers
How to resolve "Config must be specified for the HighchartsChart component" error?
Before inserting
Team Wise Total…
user9196877
- 35
- 9
0
votes
1 answer
Cannot read property 'dispatch' of undefined with React-Highcharts
I try to make my series data has click event with redux, however, I got problem when I try to dispatch my function in the callback, I'm using React-Highcharts library, I've also tried to access the chart after the component mounted, but I'm not sure…
Han Jiang
- 41
- 3
- 10
0
votes
3 answers
Highcharts polar chart not connecting lines properly
I am having a very weird issue when using the polar options in highcharts-more. This is what it looks like...
Below is my full code (it is wrapped in a React component)
import React from 'react'
import PropTypes from 'prop-types'
import { Card,…
coolboyjules
- 2,300
- 4
- 22
- 42
0
votes
1 answer
Highchart - add "onclick event" for total value stackLabel
This question is a follow up to In high chart how to add event for label click
Is there a way to make the total sum number (ie. 10,9, 11, 11, 8)
as shown at http://jsfiddle.net/t07ok5v3/5/ clickable? (ie. add the same functionality to the "9" as…
cs_user2017
- 127
- 1
- 2
- 12
0
votes
1 answer
Highcharts chart with error bars using react-highcharts
I'm trying to draw
a Highcharts graph
in a React app
with error bars
I can draw an ordinary chart easily enough using ReactHighcharts, and get it to update when my React state changes. However, adding error bars just doesn't seem to work at…
Gareth Williams
- 111
- 1
- 9
0
votes
1 answer
react-highcharts: Cannot set property 'HighchartsAdapter' of undefined
Trying to run next example http://kirjs.github.io/react-highcharts
Stuck with line:
global.HighchartsAdapter = require('exports?HighchartsAdapter!highcharts-standalone-adapter');
Without it, get error
Uncaught TypeError: Cannot set property…
vl.lapikov
- 756
- 7
- 12
-1
votes
1 answer
How can I change date formats "2022-06-04T00:00:00.000Z" to "1525844100000" for react highcharts
I've the following date: "2022-06-04T00:00:00.000Z" format, We've need of date calculation for highcharts in this numeric type format "1525844100000" so how can I calculate in react-highcharts
xAxis: {
type: 'datetime',
ordinal: false,
…
Bhautik Bhalani
- 1
- 2
-1
votes
2 answers
Highcharts Stacked bar cannot show total Volume
Highchart expected:
[1]: https://i.stack.imgur.com/pXRj8.png
I want to make a Stacked bar like the picture, is it possible? If yes, please give me the solution. Thanks
Greg Nguyen
- 11
- 4