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
2 answers

Highcharts-react not rendering on initial page load

I have a simple React component which is supposed to render two Highcharts using the highcharts-react library. The data for the charts comes from a parent component's state and is passed to this component as a prop. When the page loads, the pie…
arcologies
  • 742
  • 1
  • 6
  • 22
0
votes
1 answer

How to add image/icon below y-axis in column highcharts

I have integrated a column highchart in my application having primary and secondary y-axis(dual-axis). Now I need to add an image/icon below both y-axes for reference of the axis. I have implemented below code: Highcharts.chart('container', { …
Ronak
  • 127
  • 3
  • 15
0
votes
1 answer

Highcharts X-axis and y-axis

I am using react-high-charts-official and I need to change the x-axis to a string values and y-axis to example: 1%, 2%, 3%. How do i achieve that? Also the bar graph tip should be round.
Swapnil Varshney
  • 1
  • 2
0
votes
1 answer

React highcharts, show legends as bar

This code is displaying the legends as circle, <<< I want to display the legends as bar as shown in the below image. My requirement is the legends should be displayed as bar instead of circles Here you can take a look at my…
Saurabh Mishra
  • 215
  • 3
  • 8
0
votes
1 answer

highcharts-react-official, how to implement setOptions from the official documentation, in react?

I am using highcharts-react-official, however I cannot figure out how to change the text such as Month, ShortMonth, etc.. in the official highcharts docs, it is accomplished by the following code: Highcharts.setOptions({ lang: { …
RashB
  • 5
  • 4
0
votes
1 answer

Why does highcharts shrink on re-render?

I'm using highcharts-react-official to render a HighchartsReact component. It shows up and works appropriately until I re-render the component. By changing the state at all, the chart will shrink vertically. I've experimented with setting reflow…
Dylan
  • 21
  • 4
0
votes
1 answer

ReferenceError: Can't find variable: modules

I am trying to implement highcharts wrapper within react-native application following this https://www.highcharts.com/blog/post/creating-mobile-charts-with-highcharts-react-native/ On running the app with expo start on device, it returned…
Durga Prasad
  • 121
  • 1
  • 4
  • 13
0
votes
0 answers

Highcharts-React returns Object and React gives error - React.createElement: type is invalid

I am using Highchart-React-Official to render charts in my application. Also, it's huge application so, we don't import anything, we use minified versions of plugins for the performance and security issues. Below is my code: const options = { …
Hima Chhag
  • 401
  • 7
  • 22
0
votes
1 answer

Highcharts display scrollbar when zooming

Zooming with a zoomType of 'x' in a Highcharts chart, seems to only crop the data area between given coordinate stops. Is there a way to zoom in and still have all data available through scrolling? { chart: { borderWidth: 0, zoomType:…
Øystein Amundsen
  • 3,993
  • 8
  • 44
  • 63
0
votes
1 answer

New Node should be added without changing the position of existing one using highchart

Highcharts.chart('container', { chart: { type: 'networkgraph', ... I am using network-graph while adding or modifying node the existing node position is changing very much. If i want the changes without making the position change the…
Shailesh Giri
  • 359
  • 3
  • 3
0
votes
1 answer

Reduce length of the bar in Bar chart in Highcharts

In react-native project I am using npm package "react-native-highcharts" for plotting a bar graph. I am facing problem to add padding between the bar and the yaxis label. For plotting the graph the code I have used is as…
iOSDev
  • 412
  • 10
  • 30
0
votes
0 answers

Highcharts legend item not displaying properly (until window is resized)

I have a chart with legend items which are overlapping each other (this is the image for itemDistance option set to 20 - clearly the distance between items is less than 20px, it seems that 20px is item distance between legend symbols): The chart is…
Furman
  • 2,017
  • 3
  • 25
  • 43
0
votes
1 answer

DateTime whout seconds React highcharts

I am trying to implement React-Highcharts into my app. I can't find the way to set the Time in the x axios (HH:MM), I currently have it in miliseconds (xx:xx:xx:xxx). Each interval must increase in one minute (eg 12:00, 12:01, 12:02, etc...) On the…
larry_82
  • 319
  • 1
  • 4
  • 15
0
votes
1 answer

ReactDOM.render into a

I'm using React v16.7 and I'm trying to inject React components into a third party JS library (namely, Highcharts) that requires me to return HTML from a function. Here's what I'm doing right now: function tooltipFormatter(dataPoint) { // ...…
Berk Özbalcı
  • 3,016
  • 3
  • 21
  • 27
0
votes
2 answers

Highcharts displaying white space for bars when all values are zero

when all the values are 0 in the chart and I don't have a max axis value I am getting blank space in place of bars
kishore kingmaker
  • 476
  • 3
  • 15
1 2 3
…
27 28