option = {title: {text: '漏斗圖',subtext: '純屬虛構'},tooltip: {trigger: 'item',formatter: "{a} <br/> : {c}%"},toolbox: {feature: {dataView: {readOnly: false},restore: {},saveAsImage: {}}},legend: {data: ['展現','點擊','訪問','咨詢','訂單']},calculable: true,series: [{name:'漏斗圖',type:'funnel',left: '10%',top: 60,//x2: 80,bottom: 60,width: '80%',// height: {totalHeight} - y - y2,min: 0,max: 100,// minSize: '0%',// maxSize: '100%',minSize: '20%', //每一塊的最小寬度maxSize:'90%', //每一塊的最大快遞 一次去除掉尖角sort: 'descending',gap: 10, //每一塊之間的間隔// label: { //設置每一塊的名字是顯示在圖里面還是外面// show: true,// position: 'inside'// },labelLine: { length: 100, //設置每一塊的名字前面的線的長度lineStyle: {width: 1, //設置每一塊的名字前面的線的寬度type: 'solid' //設置每一塊的名字前面的線的類型}},itemStyle: {normal: { borderColor: '#fff', //每一塊的邊框顏色borderWidth: 0, //每一塊邊框的寬度shadowBlur: 50, //整個外面的陰影厚度shadowOffsetX: 0,shadowOffsetY: 50, //每一塊的x軸的陰影shadowColor: 'rgba(0, 0, 0, 0.5)' //陰影顏色}},emphasis: {label: {fontSize: 20}},data: [{value: 60, name: '訪問',barHeight: 10,},{value: 40, name: '咨詢'},{value: 20, name: '訂單'},{value: 80, name: '點擊'},{value: 100, name: '展現'}]}] };

總結

以上是生活随笔為你收集整理的echarts 漏斗图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。