如何删除chartjs甜甜圈底部的图例

Question

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

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

这是我的配置中的选项属性

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
    }
}