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
Tag: highcharts
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
Highchart display single entry against each category in bar chart
I am working on highchart. I am trying to build a bar chart with a single entry against each category. Right now I am working on an example basic-bar. Below is the output Expected Output I want a …
Old state is being shown despite updating in React Highcharts click event
I want the new state to show, but I get different behavior. I have three points (look at code below or sketch) and if I click a point, then whatever state value is at that time, in future clicks the …
Highcharts Display Xaxis plot line
How can I enable only the left most Highcharts XAxis plot line on DateTime Line chart. I suppose there should be a default option to display XAxis line without needing to know the minimum/start value …