Responsive Highcharts not sizing correctly until window resize
I got this from another answer, so give thegreyspot some credit in this question. solution: call $(window).resize(); after the graph is loaded (or when you fill it with data)
highcharts
HighCharts turn animation false for line chart
It’s the same that I answered here but you have to change column to line. plotOptions: { line: { animation: false } } demo If you want to remove animation from all types you can use series instead. plotOptions: { series: { animation: false } }
set different colors for each column in highcharts
Here is another solution with the latest version of Highcharts (currently 3.0). Set the colorByPoint option to true and define the color sequence that you want. options = { chart: {…}, plotOptions: { column: { colorByPoint: true } }, colors: [ ‘#ff0000’, ‘#00ff00’, ‘#0000ff’ ] } Here is an example based upon Highcharts Column with … Read more
HighCharts : Is it possible to customize the colors of individual series?
Options can be set separately for each series. var chart = new Highcharts.Chart({ chart: { renderTo: ‘container’ }, xAxis: { type: ‘datetime’ }, series: [{ name: ‘John’, color: ‘#0066FF’, dashStyle: ‘ShortDash’, data: [ [Date.UTC(2010, 0, 1), 29.9], [Date.UTC(2010, 2, 1), 71.5], [Date.UTC(2010, 3, 1), 106.4] ] },{ name: ‘Mary’, color: ‘#FF0000’, data: [ [Date.UTC(2010, 0, … Read more
Why are Bootstrap tabs displaying tab-pane divs with incorrect widths when using highcharts?
The Cause This is not a Highcharts issue, at least not by itself, the problem is caused by the fact that Bootstrap uses display: none to hide inactive tabs: .tab-content > .tab-pane /* , .pill-content > .pill-pane */ { display: none; /* this is the problem */ } This causes Highcharts not able to get … Read more
How to set Highcharts chart maximum yAxis value
Try this: yAxis: {min: 0, max: 100} See this jsfiddle example
Highcharts: Format all numbers with comma?
This can be set with the thousandSep (API) global option. Highcharts.setOptions({ lang: { thousandsSep: ‘,’ } }); See this JSFiddle example.
Proper way to remove all series data from a highcharts chart?
Try this to remove all chart series, while(chart.series.length > 0) chart.series[0].remove(true); it works for me. the code for (var i = 0; i < chart.series.length; i++) won’t work because the chart.series.length is decreased each time remove() is called. That way, the i will never reach the expected length.
Highcharts – redraw() vs. new Highcharts.chart
chart.series[0].setData(data,true); The setData method itself will call the redraw method
How do you change the colour of each category within a highcharts column chart?
You can also set the color individually for each point/bar if you change the data array to be configuration objects instead of numbers. data: [ {y: 34.4, color: ‘red’}, // this point is red 21.8, // default blue {y: 20.1, color: ‘#aaff99’}, // this will be greenish 20] // default blue Example on jsfiddle