问题描述
我用 Chart.js 渲染了一个图表/line graph，其中一个服务器的ping贯穿整个显示上个月（每小时运行一次云函数并将数据发送到时间序列数据库）。但意外时有发生，服务器有时无法访问。对于那些时候，我将 ping 保存为 -1。有时也只是缺少数据。我需要以不同的方式显示这两种情况。比如，有没有什么办法，例如在服务器离线时将图形的一部分着色为红色，而在数据丢失时将其着色为灰色？最好使用 Chart.js，但您可以推荐任何其他 JavaScript 库。
非常感谢。
解决方法
随着即将发布的新版chartjs 3，您可以像这样设置点的背景颜色：
backgroundColor: (context) => {return context.dataPoint?.y > 5 ? "green" : "red"}
然后你必须把正确的逻辑和价值观放在那里。如果您希望该行也有不同的颜色，您将需要为此编写一个自定义插件，因为默认库不支持它