Chart.js从x / y轴删除边框

Question

我正在为我的一个项目使用Chart.js。我要在其中从x / y轴删除边框。任何帮助都会非常有帮助。请参阅附件图像请不要说我不是在指GridLines（我已经使用scaleShowGridLines关闭了它：false）

图表脚本

var topVideos = {
    labels : ["","","","",""],
    datasets : [
      {
        fillColor : "rgba(2,137,203,1)",
        strokeColor : "rgba(220,220,220,0)",
        highlightFill: "rgba(2,137,203,0.8)",
        highlightStroke: "rgba(220,220,220,0)",
        data : [90000, 200000, 70000, 100000, 180000 ]
      }
    ]

}
window.onload = function(){
    var ctx = $("#topvideos").get(0).getContext("2d");
    window.myBar = new Chart(ctx).HorizontalBar(topVideos, {
      responsive : true,
      barShowStroke: false,
      scaleShowGridLines : false,
      barValueSpacing : 7,
      barDatasetSpacing : 30,
    });
}

预先感谢。

Answer 1

在Chart.js中，您可以将刻度线颜色设置为透明值，就像这样

window.myBar = new Chart(ctx).HorizontalBar(topVideos, {
     scaleLineColor: "rgba(0,0,0,0)",
     ...

如果分叉来自此后的版本，则相同的选项也应在您的分叉库中工作。

Answer 2

        scales: {

                yAxes: [{
                gridLines: {
                    drawBorder: false,

                }
            }]
        }
    };