Echarts在线免费图表

 
            option = {
    title: {
        text: '商城成交金额漏斗图',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c}%"
    },
    toolbox: {
        feature: {
            dataView: {
                readOnly: false
            },
            restore: {},
            saveAsImage: {}
        }
    },
    legend: {
        // data: ['展现','点击','访问','咨询','订单']
        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%',
        // sort: 'descending',
        sort: 'descending',
        // gap: 2, // 三角形之间的间距
        // label: {
        //     show: true,
        //     position: 'inside',
        // },
        label: {
            normal: {
                position: 'inside',
                padding: [0,0,-80,0],
                formatter: function (params) {   
                        return params.data.name + ' : '  + params.data.value+'元';
                    },
                rich: {
                    a: {
                        color: '#fdde2c',
                        fontSize: '28',
                        align: 'center',
                        border: 0
                    },
                    b: {
                        fontSize: '14',
                        color: '#fff',
                        border: 0
                    },
                    c: {
                        color: '#fff',
                        fontSize: '14',
                        align: 'center',
                        border: 0
                    },
                }
                // textStyle: {
                //     color: 'blue'
                // }
            },
            // emphasis: {
            //     position:'inside',
            //     formatter: '{b}实际: {c}%'
            // }
        },
        // labelLine: {
        //     show: false,
        //     length: 10,
        //     lineStyle: {
        //         width: 1,
        //         type: 'solid'
        //     }
        // },
        // itemStyle: {
        //     // show: false,
        //     borderColor: 'red',
        //     borderWidth: 0
        // },
        // emphasis: {
        //     label: {
        //         fontSize: 20
        //     }
        // },
        data: [
            // {value: 20, name: '订单'},
            // {value: 40, name: '咨询'},
            {
                value: 7199651838.51,
                name: '成交金额',
                itemStyle: {
                    color: '#4BC4A2'
                }
            },
            {
                value: 9428065050.26,
                name: '下单金额',
                itemStyle: {
                    color: '#4E6EDF'
                }
            },
            {
                value: 16506119813.27,
                name: '下单货品总值',
                itemStyle: {
                    color: '#3E4C9E'
                }
            }
        ]
    }]
};