Chart.js 版本 4.x 中的虚线网格线

Question

如何在 Chart.js 中制作虚线网格线？我知道

borderDash

属性，但这对我不起作用，并且在 documentation 中我找不到任何关于这个的信息。

scales: {
   y: {
     grid: {
        drawTicks: false,
        borderDash:[5,5], //thid don't work
        display: true
     }
   }
}

Answer 1

从版本 4 开始，边框是轴的特定配置节点。

参见迁移指南：https://www.chartjs.org/docs/latest/migration/v4-migration.html#specific-changes

你的配置应该是：

scales: {
   y: {
     border: {
       dash: [5, 5],
       display: true
     } 
     grid: {
        drawTicks: false,
        display: true
     }
   }
}