Echarts在线免费图表

 
            option = {
    legend: {
        top: 0
    },
    grid: {
        top: 0
    },
    tooltip: {
        trigger: 'item',
        formatter: function(params, params1, params2) {
            return params.name + "  " + params.percent + "%" + "<br/>" + "佣金: " + commafy(params.data.value) + " CNY";
        }
    },
    color: ['#FA6E76', '#3BBFFF', '#FFCC71'],
    series: [{
        center: [100, 100],
        name: '32131',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [{
            value: '1320',
            name: "旅行社"
        }, {
            value: '2130',
            name: "代理"
        }, {
            value: '2931',
            name: "导游"
        }],
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            },
            normal: {
                label: {
                    show: true,
                    formatter: '{d}%\n{b}',
                    textStyle: {
                        fontSize: 13
                    }
                },
                labelLine: {
                    show: true
                }
            }
        }
    }]
};