Set dataLabels.styles.textShadow to false. plotOptions: { columnrange: { // or general options: “series: { … }” dataLabels: { enabled: true, color: ‘red’, style: { textShadow: false } } } }, Demo: http://jsfiddle.net/oe1vcmqj/2/ EDIT: Since Highcharts 5.0.3, the option name is textOutline. plotOptions: { columnrange: { // or general options: “series: { … }” dataLabels: { … Read more
you can also go with series.setData(). This will allow you to change the entire data of a particular series. Here is the API link for it. Hope this will be of use for you.
You should set bigger turbothreshold: http://api.highcharts.com/highcharts#plotOptions.series.turboThreshold
Just figured out this myself. pointWidth is the parameter to set the width for bar width. Also the walk around is nice for represent the error bar since there aren’t any highly interactive javascript chart support this type of chart yet.
You can call the original formatter from your formatter function: $(function () { $(‘#container’).highcharts({ yAxis: { labels: { formatter: function () { return ‘$’ + this.axis.defaultLabelFormatter.call(this); } } }, series: [{ data: [15000, 20000, 30000] }] }); }); http://jsfiddle.net/x6b0onkp/2/
Vertical bar charts are called column‘s in Highchart. Change this: type: ‘column’ //was ‘bar’ previously` See example here: http://jsfiddle.net/aznBb/
I was having this issue, too. Ensure jQuery is imported before highchart.js. That fixed the issue for me. <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js”></script> <script src=”http://code.highcharts.com/highcharts.js”></script>
Use this code to center chart title vertically: title: { verticalAlign: ‘middle’, floating: true } Example Edit Since version 2.1 The floating property can be omitted as the documentation states it is implied by the presence of the verticalAlign property When a value is given, the title behaves as floating.
I’ve found another (and very simple) solution: You can set y-axis minRange property: yAxis: { … minRange : 0.1 } This makes Highcharts render yAxis min and max values when all data is 0. UPDATE: Highcharts 4.1.9 fix also needs: plotOptions: { line: { softThreshold: false } } updated js fiddle
You can use moment.js to get the values formatted, but Highcharts has it’s own date formatting functionality which would be more idiomatic with Highcharts. It can be attached onto the tooltip option in the highcharts constructor like so: tooltip: { formatter: function() { return ‘<b>’ + this.series.name +'</b><br/>’ + Highcharts.dateFormat(‘%e – %b – %Y’, new … Read more