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

 时间:2026-02-13 18:49:25

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怎么去掉

  • Windows 10 通过控制面板使用远程桌面
  • excel之vba如何得到当前表有数据的最大行号
  • 在Excel表格里面怎么用quotient函数求整数
  • wps2019怎么统计表格中人员的总个数
  • 【EXCEL】-如何在页面设置中设置标题栏
  • 热门搜索
    小学手抄报模板 学法懂法守法手抄报 英语手抄报花边边框 诚信手抄报版面设计图 青春期手抄报 爱读书手抄报内容 四年级环保手抄报 禁毒手抄报的内容 礼仪手抄报内容 足球手抄报