隐藏 x 轴 ChartJS 上的标签

2022-01-22 00:00:00 bar-chart javascript chart.js

我想在 x 轴上隐藏标签，因为我有一个解决方案要设置

I want to hide labels on x-axis as i have a solution to set

$scope.labels = ['', '', '', '', '', '', ''];

但在这种情况下，标签也会隐藏在工具提示中.我想要的是在条形悬停上显示标签，但我不想在 x 轴上显示这些标签.因为图表宽度太小，它也干扰了我的用户体验.

but in that case labels are also getting hidden on tooltip. What i want is to show labels on bars hover but i don't want to show those labels on x-axis. As it also disturbs my UX as well because charts width is too low.

我确实在这方面花费了太多时间，但找不到摆脱 x 轴标签的解决方案.请在这里帮我....

I did spend too much time on this but couldn't find a solution to get rid of x-axis labels. Please help me here....

推荐答案

我认为你可以通过最新版本的 chartjs 中的选项设置来做到这一点:

I think that's something you can do it with options setting in the latest versions of chartjs:

options: {
    scales: {
        xAxes: [
            {
                ticks: {
                    display: false
                }
            }
        ];
    }
}

相关文章