Highcharts 显示年度X轴小数的高位图表

Highcharts 显示年度X轴小数的高位图表,highcharts,Highcharts,我的xAxis根据屏幕的宽度以小数形式显示年份,因此如果它很小,它将显示(201220132014…),但当我增加屏幕的宽度时,它将显示(2012、2012.1、2012.2、2012.3…),小数位数将根据宽度而变化(2012、2012.5、2013…) 我知道tickPixelInterval对此有一定影响,但我不知道该使用什么值,我尝试过: xAxis: { tickPixelInterval: 100, //also tried 10 and 1 and 1000 even

我的xAxis根据屏幕的宽度以小数形式显示年份,因此如果它很小,它将显示(201220132014…),但当我增加屏幕的宽度时,它将显示(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的特定宽度


tickPixelInterval将给出刻度间距的设置-这对您的情况没有帮助,事实上会确保问题持续存在

您需要的只是
tickInterval
,并将其设置为1,因为您的年数以1为增量:

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

参考资料:

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