动态重绘部分 Chart.js 背景

Question

我有一个图表，用 Chart.js 构建，它显示了它动态接收的某个性能指标。我被要求做的一件事是在背景上绘制三个波段——红色、黄色和绿色，这给用户一个关于指标值是好、坏还是平均的视觉线索。我通过扩展 chart.js 的线条版本并在它的绘制函数中在画布上绘制我的颜色带来做到这一点。

如果我知道最大可能值是多少，它会很好用。然后我可以将最大刻度定义为该值并使用相同的值作为顶点来绘制我的红色带。但是，如果我不知道最大值是多少，一旦出现更大的值，图表就会自动缩放以适应它，我最终会在红色条带上方出现一条白色条带。

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

Answer 1

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