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 b…
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…
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 sugges…
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, no…
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 appreciat…
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 …