echarts 值为0时 柱状图不显示bar
项目需求:如果最大最小值差别很大的话,若值很小,也需进行占位,所以加了barMinHeight,这样又导致了另一个问题,值为0时,不需要绘制,因此,提出了下面两种解决方案
第一种方法:将值为0的透明度设置为0
series: [{barMinHeight: 5,data: [111111120, 200, 150, 80, 70, 110, {value:0, itemStyle: {opacity: 0}}],type: 'bar'}
]
第二种方法:用一特殊字符代替0(PS:特殊字符随意,这里用的是"-",但只要不和数据有冲突即可),这样bar就不会进行绘制,但是tooltip得进行特殊的处理
tooltip: {show: true,formatter(params) {if(params.value === '-') {return `${params.name}: 0`;}return `${params.name}: ${params.value}`}
},
series: [{barMinHeight: 5,data: [111111120, 200, 150, 80, 70, 110, '-'],type: 'bar'}
]
效果图如下:
第一种方法无需特殊处理tooltip,也无需更改数据,比较推荐。
echarts 值为0时 柱状图不显示bar相关推荐
- echarts柱状图值为0时不显示以及柱状图百分比展示
echarts柱状图值为0时不显示以及柱状图百分比展示 1.效果展示 2.代码 <template><div id="container"><div ...
- Mybatis中 Integer 值为0时,默认为空字符串的解决办法
问题 需求是查询级别为0的用户 User对象里的level字段的值为0,查询时居然没有查到为level为0的用户. <select id="selectSelective" ...
- gridcontrol值为0时设置为空_CSS设置宽高的小技巧
一.css宽高自适应: 1.宽度自适应: 元素宽度设为100%(块状元素的默认宽度为100%) 注:应用在通栏效果中 2.高度自适应: height:auto;或者不设置高度 3.最小,最大高度,最小 ...
- 解决小程序使用wxCharts环形图时,值为0时安卓机不显示图的问题
不知道是不是兼容性的问题,不管小程序使用什么图表的环形图,只要其中一个值为0,在安卓手机上都是不显示出来的,但是图表上有需要显示100% 和 0%的字样,所以我发现将data的最小值设置为 0.000 ...
- gridcontrol值为0时设置为空_XASSET 4.0入门指南
XASSET 5.1已经发布 XASSET 5.1为Unity项目提供了可以快速投入到生产环境中使用的具有更智能和灵活的资源分包.热更新机制和稳健高效的资源加载和内存管理的资源管理方案.它不仅可以服务 ...
- 当类型设置为Integer时,传入的值为0,会将其转化为空字符串,从而造成查询数据异常
今天在写一个普通的查询,条件查询状态为0时,查询总是异常,debug获取的参数都没问题,但查询后的结果是查询所有的数据 可以正常从前台获取数据: sql语句和代码写的都没毛病,后来仔细查阅了资料发现当 ...
- 【MyBatis使用】mapper.xml 文件内<if test>标签判断参数值不等于null和空 当参数值为 0 时筛选条件失效原因分析(源码探究)
这个问题有不少小伙伴遇到过,也给出了解决方案,但是没有探究原因,这次读一下源码,看看原因在哪里. 1. 条件失效情况复现 Mapper.xml内的动态SQL如下[伪代码] <select id= ...
- java integer null 0_Mybatis Integer类型参数值为0时得到为空的解决方法
今日遇到的问题: 查询版本信息时,由于version是Integer类型,所以当前台选择版本为0时,变成了查询了所有的版本信息. sql片段: AND a.version = #{version} 原 ...
- Mybatis Integer类型参数值为0时判断为空、空字符串不通过
根据状态查询是,由于status是Integer类型,所以当前状态为0时,变成了查询了所有的状态信息. <if test="requestParam.status != null an ...
最新文章
- 计算机音乐戏子多秋,抖音戏子多秋是什么歌
- StereoDRNet:基于stereo的三维重建网络
- TaxonKit:小巧、高效、实用的NCBI分类学数据命令行工具
- JavaScript 页面间传值
- Maven配置将war包部署到Tomcat(tomcat7-maven-plugin)
- ubuntu12.04LTS安装已经共享的打印机
- MySQL select后面的子查询使用
- 编写网关过滤器统一校验登录状态
- P4288 [SHOI2014]信号增幅仪 最小圆覆盖
- 初识GaussDB(for Cassandra)
- NYOJ65 - 另一种阶乘问题
- vsftpd搭建及配置参数
- SQL Server 2005 中的客户端 XML 处理
- Android_获取屏幕大小的两种方法
- oracle日期时间函数
- “至良知”学习心得—奎特尔星球复活了!
- 网站漏洞扫描工具--Safe3 Web Vul Scanner功能展示
- VideoScribe--超好用的手绘动画制作软件
- Zabbix官方文档以及日常运维
- 事件分发(EventDispatcher)模式