Highcharts 3 cannot render more than 1000 points in one series
You should set bigger turbothreshold: http://api.highcharts.com/highcharts#plotOptions.series.turboThreshold
You should set bigger turbothreshold: http://api.highcharts.com/highcharts#plotOptions.series.turboThreshold
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
Set allowDecimals: false, see API.
You can use Format Strings to help you format numbers and dates. x Decimal Places View the JSFiddle // point.percentage = 29.9345816 pointFormat: ‘{point.percentage:.0f}%’ // returns: `30%` – (rounds to nearest) pointFormat: ‘{point.percentage:.1f}%’ // returns: `29.9%` pointFormat: ‘{point.percentage:.2f}%’ // returns: `29.93%` pointFormat: ‘{point.percentage:.3f}%’ // returns: `29.935%` Thousands separator View the JSFiddle // point.percentage = 1029.9 … Read more
You’re looking for a plot line. See the documentation here: http://api.highcharts.com/highcharts#xAxis.plotLines. The basic format is: xAxis: { plotLines: [{ color: ‘#FF0000’, // Red width: 2, value: 5.5 // Position, you’ll have to translate this to the values on your x axis }] },
UPDATE use enableMouseTracking: Boolean Notice enableMouseTracking: Boolean was introduced after this question was asked Old Answer I just Disabled the heights point in the Tokyo series here is your code tooltip: { formatter: function() { if(this.series.name == ‘Tokyo’ && this.y == 26.5 ){ return false ; // to disable the tooltip at a point return … Read more
I guess setExtremes is the best way to go about it. Syntax should be: chart.yAxis[0].setExtremes(100,300); If one wants to just set minimum then chart.yAxis[0].setExtremes(100,null); worked for me.
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
D3 is data-driven but jQuery is not: with jQuery you directly manipulate elements, but with D3 you provide data and callbacks through D3’s unique data(), enter() and exit() methods and D3 manipulates elements. D3 is usually used for data visualization but jQuery is used for creating web apps. D3 has many data visualization extensions and … Read more