手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

echarts,柱状图,数据为0时,不显示0

时间:2024-10-18 13:48:08

在javascript文件编写的时候,在label中加入formatter回调函数,判断输入数据,若数据为0的转换为空字符即可。如下掬研疔缎图所示:

echarts,柱状图,数据为0时,不显示0

加入函数这个判断之前的效果:

echarts,柱状图,数据为0时,不显示0

加入之后的效果((由于我在写的时候让输入随机了,所以数据有不同):

echarts,柱状图,数据为0时,不显示0

扩展资料:

Echarts中数据到图形的映射,制作数据可视化图表的逻辑是这样的:基于数据,在配置项中指定如何映射到图形。

概略而言,可以进行这些映射:

1、指定 dataset 的列(column)还是行(row)映射为图形系列(series)。这件事可以使用series.seriesLayoutBy属性来配置。默认是按照列(column)来映射。

2、指定维度映射的规则:如何从 dataset 的维度(一个“维度”的意思是一行/列)映射到坐标轴(如 X、Y 轴)、提示框(tooltip)、标签(label)、图形元素大小颜色等(visualMap)。

3、这件事可以使用series.encode属性,以及visualMap组件(如果有需要映射颜色大小等视觉维度的话)来配置。

参考资料来源:

echarts官网文档-配置详解



© 手抄报圈