Javascript 在Chart.js中,我想显示如下图所示的虚线

Javascript 在Chart.js中,我想显示如下图所示的虚线,javascript,html,charts,chart.js,Javascript,Html,Charts,Chart.js,我正在chart.js中开发一个图表,我想显示如图所示的虚线。您可以在图表选项中编辑数据集显示: 选项:{ 比例:{ //以下内容将影响数据集的垂直线(xAxe) xAxes:[{ 网格线:{ //您可以更改颜色、破折号效果、主斧颜色等。 borderDash:[8,4], 颜色:“348632” } }], //这将影响数据集的水平线(yAxe) 雅克斯:[{ 网格线:{ borderDash:[8,4], 颜色:“348632” } }] } } 既然你知道怎么做了,就按照你的意愿来改变它


我正在chart.js中开发一个图表,我想显示如图所示的虚线。

您可以在图表选项中编辑数据集显示:

选项:{
比例:{
//以下内容将影响数据集的垂直线(xAxe)
xAxes:[{
网格线:{
//您可以更改颜色、破折号效果、主斧颜色等。
borderDash:[8,4],
颜色:“348632”
}
}],
//这将影响数据集的水平线(yAxe)
雅克斯:[{
网格线:{
borderDash:[8,4],
颜色:“348632”
}
}]
}
}
既然你知道怎么做了,就按照你的意愿来改变它。
查看Chart.js文档以查看哪些内容是可编辑的

如果需要,以下是一个工作示例及其结果:


非常感谢您的帮助!“网格线配置”的链接已断开,由于背景中的网格线,上述代码似乎无法使图表看起来像OPS问题。使用“目的地结束”在顶部绘制网格线会打断工具提示和泡泡点。我没有看到文档提到如何将网格线限制在图表线以下……答案也没有提到。