Highcharts：为系列设置y偏移

Posted 2021-05-05

情况：带有一些类比系列和一些数字系列（0-1）的图表。

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

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

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

图片1。

图2。

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

UPDATE

关于JSFIDDLE的例子。在绿色数字系列中看（是的，目前不可能）。

答案

如果在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/