如何更新chartjs3.7.1中注解值

moiiocjp  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(175)

找到了一堆旧的帖子,但是在新版本上找不到任何东西。我使用的是Chartjs 3.7.1和chartjs-plugin-annotation 1.4.0
我可以通过以下方式添加新注解:

myChart.options.plugins.annotation.annotations['newAnnotation'] = {
  type: 'line',
 xMin: 0,
 xMax: 11,
 yMin: 200000,
 yMax: 200000,
 borderColor: 'rgb(255, 99, 132)',
 borderWidth: 2
 };

 myChart.update();

但是如何动态访问现有的注解以便以后更改值呢?
尝试这样的方法并不奏效:

myChart.options.plugins.annotation.annotations[0].value = 200000;
dxpyg8gm

dxpyg8gm1#

这可以通过以下方式完成:

const annotation = myChart.options.plugins.annotation.annotations.newAnnotation;
annotation.yMin = newValue;
annotation.yMax = newValue;
myChart.update();

请查看下面的可运行代码。要了解它的工作原理,请在图表顶部的input元素中键入新的y值,然后按Enter键
第一次

相关问题