Advertisement

Tag: highcharts

Change Year-month to Month(letter)-year format in JavaScript

I have a dataset with date format as var dataset = [{ “monthDate”: “2018-05”, “count”: 83 }, { “monthDate”: “2018-06”, “count”: 23 },…..] I wish to change this to ‘May-18’, ‘June-18’ and so on and pass this data to Highchart Categories. How do I do that? Answer You could parse the date into a Date object, and then format it

Set equal height for funnel highcharts

I’m new to HighCharts. I have created a funnel with the below script jsfiddle: https://jsfiddle.net/kiranuk/bavLxzrp/ How can I set equal heights for all the sections?. Thanks for the help. Answer A height of a section is calculated based on data. If you want to have equal sections, you can provide mocked equal data and show the real data in a

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

Using dropdown filter to dynamic update Highchart

currently I was trying to add a dropdown filter button on my chart to let users select a specific values from a data attribute and filter the related data shown on the chart. I populated my data’s attribute to the select unit, and I was trying to update the chart with parse the data from the selective value, but seems

Highcharts.js column chart labels and data not displaying properly after 60 columns

I recently integrated a highcharts column chart, it was working well until my data reached about 60 columns, when I reached 60 columns most of the labels and bars disappear. When I remove the scroll ability from the chart all labels and data show again. Please see https://jsfiddle.net/essensebryant/bnh2z6k7/15/ for an illustration of the problem. I’ve looked all over the documentation