隐藏x轴ChartJS上的标签 [英] Hide labels on x-axis ChartJS

问题描述

我想隐藏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
                }
            }
        ];
    }
}

这篇关于隐藏x轴ChartJS上的标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！