chart.js中柱状图label怎么去掉

时间:2024-10-27 08:50:50

1、首先我们新建一个HTML文档,添加好chart.js的库文件,如下图所示

chart.js中柱状图label怎么去掉

2、接下来我们在body区域中添加盛放柱状图的区域,如下图所示

chart.js中柱状图label怎么去掉

3、然后我们在通过getContext方法获取准备好的显示区域,如下图所示

chart.js中柱状图label怎么去掉

4、接下来我们准备好柱状图的数据即可,如下图所示,这里bar代表的就是柱状图

chart.js中柱状图label怎么去掉

5、接着运行程序以后我们就可以看到如下图所示的柱状图了,可以看到顶部默认是显示label的

chart.js中柱状图label怎么去掉

6、然后我们在options配置参数中添加legend参数,设置display为false,如下图所示

chart.js中柱状图label怎么去掉

7、最后在运行程序我们就可以看到这次顶部的label不显示了,如下图所示

chart.js中柱状图label怎么去掉
© 手抄报圈