隐藏 x 轴 ChartJS 上的标签

Hide labels on x-axis ChartJS(隐藏 x 轴 ChartJS 上的标签)
本文介绍了隐藏 x 轴 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 上的标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)