如何删除Chart.js甜甜圈底部的图例

Question

我正在尝试从Chartjs甜甜圈图中删除所有默认标签，但底部的标签似乎并没有消失

最初在顶部有一个图例，但我设法将其隐藏起来，现在我在底部面临标签，这完全破坏了图表

这是我的配置中的我的options属性

options: {
    cutoutPercentage: 80,
    legend: {
        display: false
    },
    tooltips: {
        enabled: false,
    },
}

我希望所有标签和图例都完全消失，以便可以使用HTML，CSS和自定义JavaScript定义我的标签和标签

这是发生的事情的屏幕截图

messed up chart that makes me want to cry

Answer 1

您必须具有一些导致x轴显示的全局设置或其他代码，因为在上面的选项中未对其进行配置并且不是默认设置。

我put together a sample chart显示的x轴与您的显示相似。

如果您在选项中将其关闭，则不再显示。您可以切换该设置以在演示中显示/不显示，以查看区别。

options: {
    cutoutPercentage: 80,
    legend: {
        display: false
    },
    tooltips: {
        enabled: false,
    },
    scales: {
        xAxes: [{ display: false }] // <-- add this
    }
}