购物商城漏斗图
! doctypehtmlhtmlheadmetacharset=' utf-8 ' titleecharts/title! - e charts.js----部署script src=' ./e charts.js '/script/head body! 为ECharts准备具有大小(宽)高度)的DOM---divid=' main ' style=' width 3360600 px; height:400px;'/div script type=' text/JavaScript '//基于准备的dom,echarts实例的varmychart=e charts.init (document.getelementbyibyits 图表配置项目和数据var option={ title : } text : '漏斗图',},tooltip: { trigger: 'item ', 指定formatter:'{a}br的toolbox : { feature : } dataview : { readonly : false },restore: {},save as imama series3360[{name: '漏斗图},type:'funnel ',left:'10% ',/漏斗从左到右的百分比top: 60,//漏斗底部和图像max: 100,minsize:'0% ',maxsize3360'100% ',sort:'DD选项的ascending gap: 2,//锥体各部分之间的间隔label : //显示通道各部分的名称position: 'inside'//在图表内部显示各部分的名称} item style : { border color : ' # fff ',//漏斗背景色border width emphasis : { label : } fontsize 3360强调字符大小}、data: [ {value: 100,name: '注册' }、{value: 86,name 33: mychart.setoption(option; /script/body/html