图表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参数。