Highcharts在年度xAxis上显示小数

时间:2014-11-04 15:39:06

标签: highcharts

我的xAxis根据屏幕的宽度显示带小数的年份,所以如果它的小,它将显示(2012,2013,2014 ...)但是当我增加屏幕的宽度时它将显示(2012 ,2012.1,2012.2,2012.3 ...)和小数位根据宽度而变化(2012年,2012.5,2013年......)

我知道tickPixelInterval对此有一些影响,但我不知道要使用什么价值,我试过了:

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

我该怎么做才能使图表只显示年份的整数(2012年,2013年,2014年),而不是取决于屏幕尺寸,而不是给呈现图表的div赋予特定宽度?

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

1 个答案:

答案 0 :(得分:0)

tickPixelInterval会给出一个设置,指出距离应该多远 - 这对你的情况没有帮助,并且实际上会确保问题仍然存在。

你想要的只是tickInterval,并将其设置为1,因为你的年份数字是以1为增量:

如果您的增量不总是1,则另一个选项是allowDecimals属性:

参考文献:

第三个选项是使用datetime x轴类型,并将日期设置为x轴值,并将tickInterval设置为一年。