Highcharts每年xAxis上顯示小數點

Question

我的xAxis顯示小數點的年份取決於屏幕的寬度，所以如果它小，它會顯示（2012,2013,2014 ...），但是當我增加寬度時屏幕會顯示（2012，2012.1，2012.2，2012.3 ...），小數位數根據寬度而變化（2012,2012.5,2013 ...）

我知道tickPixelInterval對此有一些影響，但I不知道用什麼樣的價值，I`ve嘗試：

xAxis: { 
     tickPixelInterval: 100, //also tried 10 and 1 and 1000 even null 
     crosshair: true 
} 

我能做到這一點的圖僅顯示不依賴於屏幕上的多年的整數（2012，2013，2014）大小，而不是給呈現圖表的div的具體寬度？

http://jsfiddle.net/antonioj1015/ff2m2bsx/7/

Answer 1

tickPixelInterval會給相隔多遠蜱應該是一個設置 - 不會在你的情況幫助，並會在事實上確保問題仍然存在。

你想要的只是tickInterval，並將其設置爲1，因爲你的年數是增量爲1：

• http://jsfiddle.net/ff2m2bsx/8/

，如果你不會總是有增量爲1 ，另一種選擇是allowDecimals屬性：

• http://jsfiddle.net/ff2m2bsx/9/

參考文獻：

• http://api.highcharts.com/highcharts#xAxis.tickInterval

• http://api.highcharts.com/highcharts#xAxis.allowDecimals

甲第三選項是使​​用datetime x軸的類型，並設置日期作爲x軸的值，和設置您的tickInterval爲一年。

• http://api.highcharts.com/highcharts#xAxis.type