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
1
vote
1 answer
Highcharts component that creates secondary yAxis based on props.boolean
I'm creating a Highstock component with Highcharts using react wrapper. I want to enable a parameter to add a secondary yAxis. This is how my component is structured:
class BasicSeriesChart extends Component {
constructor(props) {
…
Bernardo Marques
- 925
- 2
- 10
- 33
1
vote
1 answer
Drag and drop not working using Highcharts-React
I would like to add drag and drop functionality to a Highcharts arearange series (in the Y direction). As far as I can tell, I should put the configuration in series.arearange.dragDrop:
// …
import Highcharts from "highcharts/highstock";
import…
Yngve Høiseth
- 570
- 6
- 26
1
vote
1 answer
react-hightchart: all values in event.point are null
I am using react-highchart-official in my project. I need to retrieve some values from the click event. In the component, the event listener is set using plotOptions like this:
plotOptions: {
series: {
point: {
events:…
Hitesh Kumar
- 3,508
- 7
- 40
- 71
1
vote
1 answer
how to enable scroll bar with reactjs?
I googled and they said I need highstock module, but I don't want use
(I don't know where to import it..)
is there a react way to import highstock module?
I…
jjzjx118_2
- 419
- 7
- 23
1
vote
3 answers
React Highcharts firing setExtremes event multiple times
I am using Highcharts React wrapper in an app using Hooks, when my chart is either loaded or zoomed it fires both setExtremes and setAfterExtremes multiple times each. I've looked through for similar questions but they are related to different…
Rich
- 970
- 2
- 16
- 42
1
vote
1 answer
how can we set different colors to highcharts-default-patterns?
I want to show diagonal striped patterns of desired color in stacked column bar graph. i am using default pattern url(#highcharts-default-pattern-0) for it, but unable to change color of it as i want this pattern in various colors.
For reference i…
Atul
- 28
- 6
1
vote
1 answer
highcharts strange area offset error when combined with xrange
I have a combined xrange and area chart, where I cannot get the area plot to go to the bottom of the chart view.
This is what I would like:
But this is what I'm getting:
Any help would be greatly appreciated.…
Øystein Amundsen
- 3,993
- 8
- 44
- 63
1
vote
1 answer
How to plot a line and column chart in react-highstock?
I am trying to plot a line chart and a column chart on separate y-axes in highstock using react. However, the line chart is hidden behind the column chart. Could I have the line chart on the column chart as shown in their example dual chart -…
Anon
- 11
- 1
1
vote
1 answer
How to create packedbubble with HighchartsReact
I am trying to use something like that :
If you can give me working example with react and packedbubble it will be very helpful.
the issue that I am using react and trying to do something like:
constructor(props) {
super(props);
…
Vitaly Menchikovsky
- 7,684
- 17
- 57
- 89
1
vote
0 answers
setExtremes event handler being called an increasing number of times each trigger?
I'm trying to add an event handler to setExtremes for the X Axis. However, this event handler gets called more than once for each zoom action, and whenever the chart is redrawn, the number of times this event will get triggered increases.
When I…
Root0x
- 472
- 1
- 9
- 28
1
vote
1 answer
Pass custom date object from jalali-moment library to time.Date option
I have using the jalali-moment library in my project to deal with Persian dates. currently, I'm stuck with how to use the library with highcharts to convert all dates to Jalali dates. I found a "time.Date" option that takes a custom Date Object for…
Saeed Zhiany
- 2,051
- 9
- 30
- 41
1
vote
1 answer
How can I make React Native in Android aware of a click event in a tooltip in a Highcharts chart?
I have a React Native application built with Expo. On How can I add links in a Highcharts tooltip that will open on mobile's browser? I was able to pass a URL to Highcharts so that when a tooltip is clicked, that URL is opened:
return(
fedorqui
- 275,237
- 103
- 548
- 598
1
vote
1 answer
Integrate Highcharts maps with react component
I am trying to integrate highcarts inside the react component.
Here is my code for the react component
import * as Highcharts from 'highcharts/highmaps'
class RealTime extends Component {
componentDidMount() {
$.getJSON( …
Profer
- 553
- 8
- 40
- 81
1
vote
1 answer
Remove line dots from the area spline chart
I need to remove the dots from the line of the line. I have seen this answer Stop HighCharts increasing width of line on hover But Did not work for me.
Here is the fiddle
Here is my code
Highcharts.chart('graph_box', {
chart: {
type:…
Profer
- 553
- 8
- 40
- 81
1
vote
1 answer
Highcharts - stacked column - order series index dynamically for each category
I have a scenario where i am drawing a stacked column chart, currently stuck at a point where i need to order the series in a specific order in case of multiple data points on the same day. The issue is, the series order can be different for each…
arjary
- 169
- 1
- 12