Question

我在X轴上有一个不相等的数据值，数据点被绘制在刻度间隔的中心，请看小提琴链接http://jsfiddle.net/mailsakthi/w4oyx8Ln/3/。尽管使用x轴不等间隔代码，请查看黑线的第3点（9.4,1.879）

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

Answer 1

仅仅因为您在xAxis.categories数组中使用数字并不意味着它们被视为数字。它们被视为由1个索引值相互分隔的文字。来自documentation：

如果xAxis存在类别，则使用名称代替该轴的数字

如果您希望xAxis为数字，则需要将x值设置为数据点中的数字。

在您的积分中设置x / y值：

data: [{
        x: 0,
        y: 7.7918348462852,
        color: 'RGBA(128,128,128,0)',
        segmentcolor: 'RGBA(128,128,128,0)'
      }, {
        x: 0.5,
        y: null,
        color: 'RGBA(128,128,128,0)',
        segmentcolor: 'RGBA(128,128,128,0)'
      }, {
        x: 1.8790271054655,
        y: 7.6224396161563,
        color: 'RGBA(128,128,128,0)',
        segmentcolor: 'RGBA(128,128,128,0)'
      }]

从xAxis属性中删除categories。

实时sample您的一小部分数据。

如何在Highcharts中绘制不均匀滴答间隔的X轴数据点

1 个答案: