javascript - Charts js - 如何使网格线破折号以及如何使网格线在每个点处停止

Question

正如标题所述，我正在尝试将垂直网格线设为虚线。我尝试在 Xaxes 网格线上使用 borderDash: [20, 30] 但这不起作用。我还想知道是否有可能使网格线停在图表上的每个点处。

这是我的代码

$.getJSON(rawDataURL, function (json) {
    var data = prepData(json);
    var ctx = document.getElementById("myChart");
    var lineData = { 
            labels: data[0].x,
            datasets: [{
               tension:0,
               bezierCurve: false,
               data: data[0].y
              }]
            };
    var option =  {
        legend: {
                display:false
            },
        scales: {
            yAxes: [{
                gridLines: {
                    display: false 
                },
                ticks: {
                   display: false
                }
            }],
             xAxes: [{
                gridLines: {
                    display: true,
                    borderDash: [20, 30],
                    tickMarkLength:1 
                }       
            }]
        }
    };
    var myChart = new Chart(ctx,{type:'line',data:lineData,options:option});
})

谢谢大家

Answer 1

2016 年 8 月 11 日，核心接受了一个拉取请求，该请求应该很快就会发布。(https://github.com/karthikiyengar/Chart.js/commit/db457fe2294a03ac864f6dd219713398bbaf9d63)

这将利用传递给 gridLines 本身的 borderDash 参数。