Chart.js如何使用可编写脚本的选项

我正在按照迁移指南将chart.js迁移到3.x。

我正在尝试将xAxis zeroLineColor设置为“#FFFFFF”，我希望网格线颜色为“#00FFFF”，但根据chart.js迁移文档

scales。[x/y]轴。轴的zeroLine*选项已删除。改用可编写脚本的缩放选项

我不知道如何使用脚本缩放选项将xAxis线零设置为白色

更新：
工作示例：

---

为了获得网格零线的不同颜色，您可以为选项

gridLines.color

定义一个颜色数组

gridLines: {
  drawBorder: false,
  color: ["#FFFFFF", "#00FFFF", "#00FFFF", "#00FFFF", "#00FFFF"]
}

由于

gridLines.color

是一个函数，因此它还接受一个函数，该函数通过每个基础数据值的参数调用，如下所示：

gridLines: {
  drawBorder: false,
  color: context => context.tick.value == 0 ? "#FFFFFF" : "#00FFFF"
}

请看下面的可运行代码，看看它是如何工作的

新图表（document.getElementById（“myChart”）{
键入：“行”，
数据：{
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[{
标签：“我的数据集”，
数据：[2,3,1,4,2,4,2]，
填充：假，
背景色：“rgba（0,255,0,0.3）”，
边框颜色：“rgb（0，255，0）”
}]
},
选项：{
比例：{
y:{
分:0,，
滴答声：{
步长：1
},
网格线：{
抽边线：假，
颜色：context=>context.tick.value==0？#FFFFFF:“#00FFFF”
}
},
x:{
网格线：{
抽边线：假，
颜色：context=>context.tick.value==0？#FFFFFF:“#00FFFF”
}
}
}
}
});

谢谢，我有
散点
图表，但我无法使其按说明工作。此外，我们是否需要将yAxis勾号0设置为“#FFFFFF”颜色，以将xAxis零线颜色设置为“#FFFFFF”？@User7723337:您是否可以发布代码的可运行版本？更新了一个示例问题。我只需要为xAxis显示网格线，网格线和零线的颜色不同。此外，yAxis刻度线颜色与yAxis零线颜色不同。请参考工作示例@User7723337:显然，网格零线的颜色也是通过
网格线来控制的。我想我回答了你最初的问题“如何使用脚本选项？”。