1. 程式人生 > 其它 >轉化率-漏斗圖

轉化率-漏斗圖

option = {
    backgroundColor: '#000',
    title: {
        text: '轉化率',
        subtext: '轉化的百分率或分率',
        link: 'https://gallery.echartsjs.com/explore.html?u=bd-1841183165&type=work',
        target: 'blank',
        x: 'center',
        top: '10',
        textStyle: {
            color: '#FFF',
            fontSize: 
16, } }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c}%" }, legend: { data: ['A', 'B', 'C', 'D', 'E'], x: 'center', y: '92%', textStyle: { color: '#FFF' } }, color: ['#d6ae71', '#6D300E', '#52301C', '#471C05', '#52301C', '#6D300E', ], series: [ { name:
'TIT', type: 'funnel', left: 'center', width: '90%', // sort: 'ascending', label: { normal: { formatter: '{b}', backgroundColor:'#6D480E', color:'#fff', borderRadius :
3, padding :[5,5,1,5], shadowBlur: 0, shadowOffsetX: 2, shadowOffsetY: 2, shadowColor: '#9E853A' }, }, labelLine: { normal: { show: true, length: 30, lineStyle: { type: 'solid', color: "#6D480E" }, } }, itemStyle: { normal: { opacity: 0.5, borderColor: '#000', borderWidth: 2, shadowBlur: 0, shadowOffsetX: 0, shadowOffsetY: 10, shadowColor: 'rgba(0, 0, 0, .6)' } }, tooltip: { show: false }, data: [{ value: 10, name: 'A' }, { value: 20, name: 'B' }, { value: 40, name: 'C' }, { value: 60, name: 'D' }, { value: 80, name: 'E' }, { value: 100, name: 'F' } ] }, { name: 'TIT', type: 'funnel', left: 'center', width: '80%', maxSize: '80%', // sort: 'ascending', label: { normal: { position: 'inside', formatter: '{c}%', textStyle: { color: '#fff', fontSize:14, }, }, emphasis: { position: 'inside', formatter: '{b}: {c}%' } }, itemStyle: { normal: { opacity: .9, borderColor: '#B6883F', borderWidth: 2, shadowBlur: 0, shadowOffsetX: 0, shadowOffsetY: 10, shadowColor: 'rgba(0, 0, 0, .6)' } }, data: [{ value: 2, name: 'A' }, { value: 5, name: 'B' }, { value: 12, name: 'C' }, { value: 18, name: 'D' }, { value: 25, name: 'E' }, { value: 40, name: 'F' } ] } ] };