echarts柱状图没有数据时怎么隐藏柱子

时间:2024-10-12 23:49:58

1、双击打开HBuilderX工具,新建静态页面并引入jquery,修改title标题内容

echarts柱状图没有数据时怎么隐藏柱子

2、在<body></body>标签中,插入一个div标签并设醅呓择锗置id属性,根据id选择器设置宽度和高度

echarts柱状图没有数据时怎么隐藏柱子

3、在div标签下方,添加一个script标签,初始化图形数据并绑定

echarts柱状图没有数据时怎么隐藏柱子
echarts柱状图没有数据时怎么隐藏柱子

4、保存代码并运行文件,打开浏览器查看柱状图显示效果

echarts柱状图没有数据时怎么隐藏柱子

5、返回到代码编辑器,将图形的10月数据去掉,然后再次保存代码

echarts柱状图没有数据时怎么隐藏柱子

6、刷新浏览器,可以查看到柱状图的柱子没有,被隐藏了

echarts柱状图没有数据时怎么隐藏柱子
© 手抄报圈