如何为Chart.js的注释插件中的水平线设置动态值

时间:2017-03-03 04:33:30

标签: javascript html5-canvas chart.js

目前在Chart.js堆积条形图上使用Annotations插件chartjs-plugin-annotation有水平线(3)。这些值最初在图表选项中设置(值不是图表中点的值),但在将新图表数据推送到数据集之后,还需要推送三个水平线的新值。

其中一条水平线的选项设置:

  annotation: {
    annotations: [{
      type: 'line',
      mode: 'horizontal',
      scaleID: 'y-axis-1',
      value: 75;
      borderColor: color(window.chartColors.green).alpha(0.7).rgbString(),
      label: {
        enabled: true,
        content: 'Label 1'
      }
    }]
  }

如何为这些线的位置设置新值?

(如果无法这样做,可能只会使用相应的值定义两组图表选项并销毁第一个,并在需要更新时替换第二个。)

谢谢!

1 个答案:

答案 0 :(得分:2)

找到它!
    myChart.options.annotation.annotations[].value