Stack Overflow
Stack Overflow

Questions tagged [react-highcharts]

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.

409 questions
0
votes
1 answer

2 column layout for Highcharts legend categorized by type - React highcharts

I want to create a chart where the legend is split into number of columns based on distinct scenario from the JSON. The legend items should be categorized under each header, but from what I did, the header always gets prepended to each legend item.…
arunmmanoharan
  • 2,535
  • 2
  • 29
  • 60
0
votes
0 answers

highcharts-react-official useEffect

I'm trying create a simple area chart in react highcharts-react-official, it is like this bellow https://codesandbox.io/s/volumechart-o8nrg. But this link couldn't reproduce the problem. The problem is Graph drawing is not stable. It's mean some…
マットmatto
  • 33
  • 5
0
votes
1 answer

how to display data labels / stacklabels for a grouped highhcarts- Highcharts

I'm using React Js highcharts and I want to be able to display labels below my series value Something like below but WITHOUT STACKING. I want them to be grouped like shown in fiddle below I have got to working up to…
user1234
  • 3,000
  • 4
  • 50
  • 102
0
votes
1 answer

Avoid showing duplicate stack labels on the every column series in a. highcharts

I am using high-charts to render a stacked grouped high-charts as below. https://jsfiddle.net/4tojbfsq/1/ I'm able to get the total count of all the datalabels at the top and I also want to render a stack label on the x axis like a dual x-axis as…
user1234
  • 3,000
  • 4
  • 50
  • 102
0
votes
1 answer

how to determine the width of every column series present in the chart- highhcarts

I have stackLabels that I have added in the x- axis, I have added a formatter function that will truncate the x-axis labels in order to fit into the chart size: something like this: https://jsfiddle.net/jqdf7nap/ however as the data and the width of…
user1234
  • 3,000
  • 4
  • 50
  • 102
0
votes
1 answer

Getting property 'exporting' undefined when exporting graph on second click

I have issue when I try to export graph to png on second click. First time everything is fine, but on second click I'm receiving this error in console Cannot read property 'exporting' of undefined. I'm using React, and my code looks like this const…
Milos
  • 569
  • 3
  • 8
  • 21
0
votes
1 answer

How to add dotted lines between two interval of x-axis in hightcharts

I am trying to add dotted lines between the intervals of the x-axis but couldn't able to find anything. Can anyone help? How can I achieve it? I am using HighCharts with React.js. Is there any property to do this? import React from…
nikhil arora
  • 29
  • 1
  • 8
0
votes
1 answer

Dock highcharts legend to very bottom of chart

I have a very simple and compact chart that needs to be placed to the verry bottom of the chart (grey box), not the plot area, as shown: (I want the legend to be placed where the red one is). I've tried a lot from the highcharts docs but so far…
Richard Bidin
  • 25
  • 4
0
votes
1 answer

Highcharts add a legend for marker colors

I have a line chart with a single data series. Now for certain points I have used different marker colors, and I wanted to add a legend for these marker colors. Is it possible to incorporate it in highcharts itself or should I make an external div?
Apurva N. Saraogi
  • 73
  • 1
  • 2
  • 7
0
votes
0 answers

How to solve Highcharts xrange error in React?

I'm trying to generate xrange type HighChart on my app but I'm facing below error. Error is as below in browser: Uncaught TypeError: Cannot read property 'parts/Globals.js' of undefined at xrange.js:10 Below packages are used from NPM: import…
heyitsvajid
  • 1,023
  • 1
  • 10
  • 19
0
votes
1 answer

highcharts column stacking Y axis sync - value seem to be represented as an increase on that of previous column

I have the following chart (pic below) Am i understanding stacking incorrectly? shouldn't the y-Axis value range be [-12, -1]? instead highcharts seems to add to the value of the previous column for a category when drawing the stack, ending up…
kfc
  • 291
  • 7
  • 24
0
votes
0 answers

How to implement a Highcharts sankey chart which has weight-proportional node height

How can I create a highchart sankey chart in which the sum of heights of each node in a column would be equal to the height of the chart and The height of each node in a column is proportional to the weight of that node ? I wasn't able to figure…
Samu
  • 1,448
  • 10
  • 14
0
votes
1 answer

How to create tooltip in highcharts map on click over a country...?

I am trying to achieve something like in this example: JSFiddle chart example. However, I am using a map NOT a line chart. I did the work around, and it is working with the below issues that I need solution for : When I click on a country, the…
SHAHBAZ
  • 316
  • 3
  • 15
0
votes
1 answer

HeatMap with custom muticolors for some cell

i'm trying to generate a heatmap with custom colors for each cell based on the coordinates/ x and y axis points. And y-axis is divided unequally in x4 if I hover on that cell it changes color how to fix it http://jsfiddle.net/2m3sqckj below given…
Devika B
  • 49
  • 3
0
votes
2 answers

How to get x and y offset position of legendItemClick in highcharts react js?

Exactly I want is when click on each single legend items it will show dropdown on with there position.
Isabelle
  • 11
1 2 3
…
27 28