Highcharts:为系列设置y偏移

时间:2018-03-05 15:00:32

标签: highcharts

情况:带有一些类比系列和一些数字系列(0-1)的图表。

问题在于数字系列。我想确保系列不像图像1那样重叠。 我的想法是在数字系列上设置一个“y-offset”,得到像图像2的结果。

这是数字系列的y轴配置的一部分。所有数字系列都与单个y轴(带id数字)有关。

id : "digital",
min: 0,
max : 1,
ceiling:1,
floor : 0,
tickInterval: 1

图片1。

enter image description here

图片2。

enter image description here

在文档中我找不到任何可以帮助我的东西。而this不是我的理由。

更新

JSFIDDLE上的示例。在绿色数字系列中看(当然是不可能的)。

1 个答案:

答案 0 :(得分:2)

如果在load事件中添加一个函数,则可以以使其看起来偏移的方式更改y的值。像这样:

chart: {
  events: {
    load: function() {
      var series = this.series;
      for (var i = 0; i < series.length; i++) {
        if (series[i].yAxis.userOptions.id == "digital") {
          for (var j = 0; j < series[i].data.length; j++) {
            if (series[i].data[j].y == 1) {
              series[i].data[j].y = 1 + 0.1 * i;
            } else {
              series[i].data[j].y = 0
            }
          }
          this.update(series, true, false);
        }
      }

    }
  }
}

这将新的y值设置为0.1 *系列索引。

工作示例: https://jsfiddle.net/u2pzrhgk/27/