Highcharts:为系列设置y偏移

问题描述 投票:0回答:1

情况:带有一些类比系列和一些数字系列(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不是我的情况。

UPDATE

关于JSFIDDLE的例子。在绿色数字系列中看(是的,目前不可能)。

highcharts
1个回答
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/

© www.soinside.com 2019 - 2024. All rights reserved.