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
2
votes
1 answer
react-highcharts-official lazy loading data
I like to lazy load data like in the highstock sample "1.7 million points with async loading" via highcharts-react-offical with highstock in typescript with multiple series.
However I lack any documentation for highcharts-react-offical on:
how to…
Manuel
- 9,112
- 13
- 70
- 110
2
votes
0 answers
show stacked legends in a grouped column highcharts- RecatJs highcharts
I have an example taken from highcharts: this question is very similar to Highcharts: legend of stacked chart
however I havent found the answer I'm looking there.
what I'm looking is something is to group the stack legends like shown below for every…
user1234
- 3,000
- 4
- 50
- 102
2
votes
1 answer
Combining graphs in highcharts
I am trying to plot two line graphs based on the dynamic data from the server. These graphs are comparison based graphs, where in data points are compared over time
I am trying to make one of the graph as a area graph and the other one remains line…
user13349816
2
votes
1 answer
HIghchart Treemap - Add double click event on legend click
Pls find the link for treemap http://jsfiddle.net/BlackLabel/m0587v4q/.
What I need is when I double click on legend it should show that respective data only on tree map and rest should hide.
$('#container').highcharts({
'chart': {
…
user3506194
- 21
- 1
2
votes
2 answers
How to use Highcharts.setOptions in react-highcharts?
I am using react-highcharts and trying to implement ReactHighstock. My charts are showing 'G' instead of 'B'(billions), to fix this I have to set numericSymbols in Highcharts.setOptions but I am not finding a way on how to implement it.
Thanks
krishna teja
- 159
- 2
- 9
2
votes
1 answer
how to display the title in the middle of a donut chart with legend?(react-highcharts)
I know how to centered it by use this option:
title: {
text: "This is title",
align: "center",
verticalAlign: "middle",
},
it works fine , but when there is a legend aligned in right or left , it will not perfectly displayed in the…
jjzjx118_2
- 419
- 7
- 23
2
votes
2 answers
Erro in ReactJS - Module not found: Can't resolve 'highcharts'
I use Highcharts in some of my projects that I use pure Javascript. Now I start a new project with ReactJS and I install highcharts on it.
npm install -g highcharts highcharts-react-official
But when I start the project using
yarn start
I got the…
fabiobh
- 705
- 2
- 13
- 33
2
votes
1 answer
Highcharts not rendering : React+Typescript+Highcharts
Trying to bring up a highchart using react. I am having multiple fetch api calls(for illustration, I have added only 2) whose data I will be using to render something in the UI.
In this example data1 is used to render a table, data2 is used to…
joy08
- 9,004
- 8
- 38
- 73
2
votes
1 answer
Exclude a specific series from exporting to csv
I'm using HighCharts library to plot some data in gauge chart. My chart looks like the image below.
To achieve this plot, I'm using solid gauge and gauge together using series option, (solid gauge for the semicircular and gauge for the…
Saeed Zhiany
- 2,051
- 9
- 30
- 41
2
votes
1 answer
React highchart: Shared tooltip in same and different chart
I am using react-highchart for a project. And displaying two charts:
1) Line Chart with 2 series data, it will render two lines on same chart.
2) Bar or Column Chart.
Now when I hover over a point it should enable tooltip on both lines in 1st chart…
Rahul Sagore
- 1,588
- 2
- 26
- 47
2
votes
2 answers
Alternate for highcharts-more
As per npm highcharts-more.js is deprecated and we just need to import respective modules from the highcharts folder. But when I try to remove highcharts-more dependency I am getting error. We are trying to build a boxplot using react-highcharts…
Chetna Gupta
- 31
- 5
2
votes
2 answers
How to remove space in between bars in HighCharts bar chart?
I'm trying to make a simple bar chart using HighCharts.
I'd like to remove the space in between the bars. My research led me to believe that the properties groundPadding and pointPadding were responsible for this space. But setting both to 0 did…
doctopus
- 5,349
- 8
- 53
- 105
2
votes
1 answer
Drag and drop plotline React-Highcharts
I am wanting to add the drag and drop functionality to plotlines along the yAxis since my chart is inverted.
I have found several questions that seem to get me so close to the solution, but I have not been able to implement the solutions wile using…
BJax
- 153
- 9
2
votes
0 answers
How to coordinate 2 charts
Goal: Create two graps one of line type, another of type columnrange.
I use react-highcharts, highcharts-more, highchartsExporting. X axis in both cases is type:datetime. And use timestamp (ms).
let eventsChartOpts = {
chart: {
type:…
197291
- 48
- 4
2
votes
3 answers
How to get grid position in React Highcharts
Is there a way to get the xPosition of the highcharts-grid or get its distance from the Highchart xPosition?
I would like to align an Element in my page to the actual grid. The problem is that the yAxis info size changes.
See the following…
Asaf Pinhassi
- 15,177
- 12
- 106
- 130