I’m using highcharts-react-official version 3.0.0 and highcharts version 8.1.2 in my web application. My problem is that the user can’t scroll the page, using the mouse wheel, when the mouse cursor is positioned on a column chart. My page is full of charts, so in order to scroll, the user has to be careful to put the mouse cursor somewhere
Tag: react-highcharts
How to use Highcharts React to create chart with multiple lines for same XAxis?
I have a dataset containing a date value, and 3 other values. For example: I’d like to create a chart using react highcharts with the dates in the x axis, and then 3 lines on the y axis showing the corresponding 3 values for all the dates. So far I thought using 3 different arrays to pass to series.data. Each
how to create area highchart for large amount of data based date?
I am creating highchart in react in which I have thousand of data. I have to map that data based on date and completion status(on that particular date how many status got completed).I am not able to create area chart for that and how to map whole data(total 522) in highchart for different dates. Please suggest any help would be
How to display values on line stacked columns on highcharts
I want to display the value on the growth in the stacked column but it hasn’t worked yet, can anyone help me? ;( I set it on the datalabel like it still doesn’t work http://jsfiddle.net/ndhanajh06/r16e2Lyw/2/ Answer You have used spline series type, so you need to enable data labels for spline, not line: Live demo: http://jsfiddle.net/BlackLabel/fputh18a/ API Reference: https://api.highcharts.com/highcharts/plotOptions.spline.dataLabels
How to remove decimal values on x-axis of bar chart : Highcharts
I am having trouble setting integer only values to the x-axis of the bar chart. Can someone help me as to how to solve this. This is my sandbox: https://codesandbox.io/s/react-line-chart-forked-0409lk?file=/src/LineChart.js Have tried, allowDecimal: false, min:0, float:0. Nothing worked out. Help is appreciated Answer You should put the tickInterval: 1, in the yAxis
How to set the target of highcharts bullet chart using SVG?
I want to achieve a bullet chart like the following: But the highcharts docs don’t have anything written on adding a custom svg or how to achieve the arrow and label on the top of the target marker. Any hint or ideas would be really helpful. Thanks world. Answer You can use any svg icon and position it with css