Javascript 删除chart.js上的轴线

我一直在使用一些Chart.js，我一直在试图找出如何删除图表上的轴线

我已成功删除了图表中显示数据的网格线，但删除这两条线时遇到了问题

您可以看到我为下图创建的chart.js

var ctx = document.getElementById("volCause").getContext('2d');
var volCause_Doughnut = new Chart(ctx, {
    type: 'horizontalBar',
    data: {
            labels: <?php echo $cause_label_json?>,
        datasets: [{
            backgroundColor: benefactoGraph_colours,
            data: <?php echo $cause_value_json?>

        }]
    },

    options: {
        maintainAspectRatio: false,
        legend: {
            display: false,
        },
        scales: {
            xAxes: [{
                scaleLabel: {
                    display: true,
                    labelString: 'Volunteer Hours',
                },
                gridLines: {
                    display: false,
                },
            }],

            yAxes: [{
                gridLines: {
                    display: false,

                }
            }]

        }

    }
});

var ctx=document.getElementById（“volCause”）.getContext（“2d”）；
var volCause_Doughnut=新图表（ctx{
键入：“水平线”，
数据：{
标签：，
数据集：[{
背景颜色：赞助人颜色，
数据：
}]
},
选项：{
MaintaintAspectRatio:false，
图例：{
显示：假，
},
比例：{
xAxes：[{
scaleLabel：{
显示：对，
标签串：“志愿者时间”，
},
网格线：{
显示：假，
},
}],
雅克斯：[{
网格线：{
显示：假，
}
}]
}
}
});

---

如果您有任何建议，我们将不胜感激。

您需要将网格线的

drawBorder

属性设置为

false

，以便删除这些轴线，如下所示：

...
scales: {
   xAxes: [{
      scaleLabel: {
         display: true,
         labelString: 'Volunteer Hours',
      },
      gridLines: {
         display: false,
         drawBorder: false //<- set this
      },
   }],
   yAxes: [{
      gridLines: {
         display: false,
         drawBorder: false //<- set this
      }
   }]
}
...

。。。
比例：{
xAxes：[{
scaleLabel：{
显示：对，
标签串：“志愿者时间”，
},
网格线：{
显示：假，
drawBorder:false/您需要将网格线的
drawBorder属性设置为
false以删除这些轴线，如下所示：

...
scales: {
   xAxes: [{
      scaleLabel: {
         display: true,
         labelString: 'Volunteer Hours',
      },
      gridLines: {
         display: false,
         drawBorder: false //<- set this
      },
   }],
   yAxes: [{
      gridLines: {
         display: false,
         drawBorder: false //<- set this
      }
   }]
}
...

。。。
比例：{
xAxes：[{
scaleLabel：{
显示：对，
标签串：“志愿者时间”，
},
网格线：{
显示：假，
drawBorder:false/您可以在axis对象中设置display:false

scales: {
  xAxes: [{
    display: false,
    gridLines: {}
  }],
  yAxes: [{
    display: false,
    gridLines: {}
  }]
 }

可以在轴对象中设置“显示：false”

scales: {
  xAxes: [{
    display: false,
    gridLines: {}
  }],
  yAxes: [{
    display: false,
    gridLines: {}
  }]
 }

其他答案对于chart.js的不同版本都是正确的，但截至2020年1月，对于2.9.3版，我能够通过将
display:false
嵌套在
gridlines
中来解决这个问题，如下所示：

    ...
  , options:
      scales: {
        xAxes: [{
          gridLines: {
              display: false
          },
    ...

以下是一个。
其他答案对于chart.js的不同版本都是正确的，但截至2020年1月，在版本2.9.3中，我能够通过将
display:false
嵌套在
gridlines
中来解决这个问题，如下所示：

    ...
  , options:
      scales: {
        xAxes: [{
          gridLines: {
              display: false
          },
    ...

这是一个。
从v2.9.3开始，我不认为需要
drawBorder:false
。从v2.9.3开始，我不认为需要
drawBorder:false
。