Highcharts从电子表格数据打印带到最后日期时间值

我构建了一个带有绘图条带的柱状图

        plotBands: [{ 
                  zIndex: 1,
                  to: Date.UTC(2020,4,6),
                  from: Date.UTC(2020,3,30),
                  color: 'rgb(217, 217, 217, .4)',

    }],

以及x值具有不同颜色的区域：

                    zones: [{
                        value: Date.UTC(2020,3,30),
                        color: '#003f6e'
                    }, {
                        color: '#999999'
                    }]

看

现在我想从数据中涵盖过去7天的范围。数据来自谷歌电子表格，并不断更新。我试过这样的方法：

        plotBands: [{ 
                  zIndex: 1,
                  to: this.series.data[this.series.data.length-1].x,
                  from: this.series.data[this.series.data.length-7].x,
                  color: 'rgb(217, 217, 217, .4)',

    }],

---

我能做什么？

您可以使用数据。完成回调，通过更新xAxis和系列来动态设置绘制线和分区

演示：

API:

API:

complete() {
  let xColumn = this.columns[0];

  chart.xAxis[0].update({
    plotBands: [{
      zIndex: 1,
      to: xColumn[xColumn.length - 1],
      from: xColumn[xColumn.length - 7],
      color: 'rgb(217, 217, 217, .4)',
    }]
  })

  chart.series[0].update({
    zones: [{
      value: xColumn[xColumn.length - 7],
      color: '#003f6e'
    }, {
      color: '#999999'
    }]
  })
}