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怎么去掉
  • Windows 10 通过控制面板使用远程桌面
  • excel之vba如何得到当前表有数据的最大行号
  • 在Excel表格里面怎么用quotient函数求整数
  • wps2019怎么统计表格中人员的总个数
  • 【EXCEL】-如何在页面设置中设置标题栏
  • 热门搜索
    pvc地板怎么样 看守所的生活 中二是什么意思 gay是什么意思 天美时手表怎么样 光盘映像文件怎么安装 马桶如何安装 生活质量评定量表 手机开不开机怎么刷机 别来无恙是什么意思