echarts 各种特效图

饼图标签展示数值

配置项：

option = {
    title: {
        text: '项目时间分布',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['智能化项目', '智能化集成', '空调控制系统']
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            center: ['50%', '60%'],
                    label: {
            normal: {
                formatter: "{per|{d}%} \n{hr|}\n  {b|{b}}",
                align: "right",
                rich: {
                    hr: {
                        borderColor: "#aaa",
                        width: "100%",
                        borderWidth: 1,
                        height: 0
                    },
                    b: {
                        fontSize: 14,
                        color: "#000",
                        lineHeight: 20
                    },
                    per: {
                        color: "#000",
                        fontSize: 16,
                        lineHeight: 20
                    }
                }
            }
        },
            data: [
                {value: 5, name: '智能化项目'},
                {value: 12, name: '智能化集成'},
                {value: 169, name: '空调控制系统'},
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

View Code