Echarts漏斗图形的,怎么保障当数据是0的时候,漏斗图形一直存在。
在使用echarts的漏斗图行的时候,我们会发现,当数据为0的时候,或者数据中有0的时候,漏斗会变形。显示的很难看,那么怎么保障即便是数据为0了,依然显示漏斗形状?先看效果:这里使用的时候:https://echarts.apache.org/examples/zh/editor.html?c=funnel-customize源码:var realdata = &nb
在使用echarts的漏斗图行的时候,我们会发现,当数据为0的时候,或者数据中有0的时候,漏斗会变形。显示的很难看,那么怎么保障即便是数据为0了,依然显示漏斗形状?先看效果:

这里使用的时候:https://echarts.apache.org/examples/zh/editor.html?c=funnel-customize
源码:
var realdata = [
{value: 0, name: '入职人数'},
{value: 0, name: '离职人数'},
{value: 0, name: '转正人数'},
{value: 0, name: 'offer发送数量'},
{value: 20, name: 'offer接受数量'},
{value: 0, name: 'offer拒绝数量'},
{value: 10, name: 'offer放弃入职数量'}
];
var length = realdata.length;
var cdata = [];
var tdata = [];
realdata.forEach((obj, index) => {
cdata.push({
name: obj.name,
value: 20 * (length - index)
});
tdata.push({
name: obj.name,
value: 10 * (length - index)
});
});
option = {
title: {
text: '漏斗图',
subtext: '纯属虚构'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
原创不易,完成人机校验,阅读全文
相关推荐
JSEcharts图表的柱状图和漏洞图形怎么将数据值显示出来ECHARTS【已解决】使用echarts-convert.js生成图片的时候,怎么动态修改长和宽?工作小总结在使用Map的时候,怎么保证插入数据的数据,就是map的put顺序呢 ?ECHARTS【已解决】echarts的echarts怎么设置图例在下面且不和X轴数据重叠?工作小总结【已解决】使用postgres在dump出数据的时候提示:pg_dump: 警告: 表上存在循环外键约束 解决办法FLINK【Flink教程-已解决】在idea中测试flink的时候,提示读取文件时候错误,提示文件不存在解决方案NACOS【已解决】Nacos作为配置中心的时候,使用@Value注解一直提示Could not resolve placeholder工作小总结mysql常用功能之删除一张表中重复数据&ab表中a存在b不存在的 数据