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
1
vote
1 answer

Highcharts - Highstock chart showing double line on hovering data points to show tooltip

Highstock chart showing double line on hovering data points to show the tooltip, which supose to be single and should be in sync. AS one can check in foddle (link shared below and in snashot) the line on hovering are double and somewhat not in sync.…
user2865480
  • 51
  • 1
  • 6
1
vote
1 answer

How to fade other yAxises in highchart when hover on marker?

If you hover on Short Term Fuel Trim, the other plot lines are faded. How can I apply the same effect to yAxis which will fade other yAxis except Short Term Fuel Trim
jasonB
  • 45
  • 5
1
vote
1 answer

Can we have 2 Y-axis for StockCharts in HighCart.js?

Picture as a reference I want to build this type of chart and my data set link is below. I'm unable to find any example regarding this. https://docs.google.com/spreadsheets/d/1geCzzfBeyY8yDHAdEFWUSUf8ex3QWfqDtPg7ArOdTw0/edit?usp=sharing
Karan Talwar
  • 108
  • 6
1
vote
0 answers

React HighCharts Custom Legend

I'm trying to customise my chart's legend. My current legend needs to look like this legend. Basically I need to make the circular icons rectangular and change the legend text color to correspond with the icon. I've looked everywhere in the docs but…
Lucia Daly
  • 11
  • 2
1
vote
0 answers

HighCharts bubble charts customization

Do you have any solution on how to add additional functionalities to highcharts bubble chart in react like this one bubble chart? I need a stoke/circumference around each bubble it has two segments success in white and failure in red those values…
Sai Teja Guduri
  • 11
  • 2
1
vote
2 answers

React Highcharts 'forExport' of undefined

I am getting this error on loading the chart : TypeError: Cannot read property 'forExport' of undefined a.Chart.destroy I'm dynamically rendering the data by parsing a JSON object. Is this a bug? Im stuck. Can someone help me fix this error?
Dark Frost
  • 43
  • 2
1
vote
2 answers

Referencing a Highcharts object as a React element (typescript)

I need to set some conditional properties of a Highcharts object and then render it. This is my trial and error code and results so far. const Charts = ReactHighcharts.withHighcharts(Highstock); public render(): React.ReactNode { const…
orion_kid
  • 405
  • 1
  • 7
  • 20
1
vote
1 answer

React HighCharts cannot use marker-clusters

I am new to highcharts. I have looked into the marker-clusters implementation using vanilla javascript as shown in examples here. The vanilla javascript implementation works as expected but porting the solution in react is not working. I understand…
subash
  • 172
  • 1
  • 2
  • 9
1
vote
2 answers

How to send other variables in x-axis of ReactHighCharts?

I am using ReactHighCharts where I have barChartConfiguration like this: let data = {1: {value: 9000}, 2: {value: 12500}} let categories = []; Object.keys(data).forEach(obj => { let id = obj; let value =…
Pariksha
  • 45
  • 1
  • 7
1
vote
0 answers

HighCharts React component not updating despite passing in updated options object

I'm trying to display a default, empty chart when no data has been passed in. The configuration is provided by: const getEmptyChartConfig = (componentProps: SelectedItemsChartProps) => ({ xAxis: { min: 0, max: 5, allowDecimals: false, …
Sol
  • 31
  • 3
1
vote
1 answer

Highcharts update large array

In a React Redux app I have a large array containing time series data (about 10k data points). The data is supplied by the redux store. The app uses highcharts-react-official 2.x.x. The large array is frequently updated by appending new data points…
Sebastian
  • 16,813
  • 4
  • 49
  • 56
1
vote
1 answer

"The "highcharts" property was not passed" warning with constructorType="chart"

I'm starting a project I want to adapt a Highchart stockChart react component to a regular Highchart (chart) component. I was adjusting it on a demo and everything was working fine. When I moved to my local project I couldn't change constructorType…
Bernardo Marques
  • 925
  • 2
  • 10
  • 33
1
vote
1 answer

Is it possible to get / return Highcharts Axis values?

I would like to be able to use the values printed on Highcharts x and y axes when the chart renders in another part of my app, so for example an array of number from 0 to n. I am using highcharts-react-official - I can't find any documentation on…
Mr. Robot
  • 1,334
  • 6
  • 27
  • 79
1
vote
1 answer

Remove arrow that hide/show stock tools GUI

I have made stock tools GUI hidden by default on my application, also I have added a custom button that shows/hides it next to the exporting hamburguer menu. With that in mind I'd like to remove the little arrow that shows/hides the menu originally,…
Bernardo Marques
  • 925
  • 2
  • 10
  • 33
1
vote
1 answer

Costumize indicators from stock tools

I'm trying to implement some technical indicators series and add them to the indicators popop from stock tools. If I import highcharts/indicators/indicators-all I end up getting dozens of indicators, so I figured to import only the ones I need, so…
Bernardo Marques
  • 925
  • 2
  • 10
  • 33
1 2 3
…
27 28