动态重新绘制Chart.js背景的一部分

Question

我有一个用Chart.js构建的图表，它显示了它动态接收的某个性能指标。我被要求做的事情之一是在背景上绘制三个波段 - 红色，黄色和绿色，这为用户提供了关于度量值是好，坏还是平均的视觉线索。我是通过扩展chart.js的一个行版本并在它的绘图功能中用画布画出我的色带来实现的。

如果我知道最大可能值是多少，它运作良好。然后我可以将最大刻度定义为该值，并使用相同的值作为顶点来绘制我的红色带。但是，如果我不知道最大的值会是什么，只要更大的值到达，图表就会自动缩放以适应它，最后我会在红色的上面找到一个白色的带。

有没有办法在实例化后动态重绘部分背景？我唯一能想到的是添加一个“animation.onComplete”处理程序来重新绘制背景。然而，问题在于，在接收到的下一个值时，我新绘制的背景消失了，所以我假设我以错误的方式去做。

Answer 1

我不确定这是否有帮助，但根据我对Chat.js的经验，我使用过的方法对我来说就是这样，我只创建一次Chat.js选项，然后只创建一次聊天数据每次我有新记录时都会重新创建对象。这实际上对我有用，我希望它适合你。