在Highcharts x-axis中 - 如何设置不等数字(非日期时间)数据的刻度线

时间:2016-09-06 10:40:36

标签: jquery highcharts

在Highcharts x轴中 - 如何为不等数字(非日期时间)数据设置刻度线?我要求刻度标记正好在x标签值之上。 我的x轴类别数据是(15,25,50,75,85,100),因此刻度标记不会指向我的x轴标签上方。

1 个答案:

答案 0 :(得分:3)

您可以使用xAxis.tickPositioner函数手动定位刻度,以便它符合您的要求。

在这里,您可以找到帮助您解决问题的代码:

xAxis: {
  tickPositioner: function() {
    var tickPositions = [];
    Highcharts.each(this.series[0].options.data, function(p) {
      tickPositions.push(p[0]);
    });
    return tickPositions;
  }
},

在这里,您可以看到一个如何运作的示例:http://jsfiddle.net/fww89gpt/