饼图1echarts 配置项内容和展示

参考做的例子

      option = {
    tooltip: {
        trigger: "item",
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        position: function(p) {
            //其中p为当前鼠标的位置
            return [p[0] + 10, p[1] - 10];
        }
    },
    legend: {
        top: "90%",
        itemWidth: 10,
        itemHeight: 10,
        data: ["空调在线", "空调离线"],
        textStyle: {
            color: "rgba(255,255,255,1)",
            fontSize: "12"
        }
    },
    series: [{
        name: "空调在线率",
        type: "pie",
        center: ["50%", "50%"],
        radius: ["40%", "60%"],
        color: [
            "rgba(25, 22, 240, 1)",
            "rgba(240, 22, 22, 1)"
        ],
        label: {
            formatter: params => {
                return (
                    params.name + '\n数量：' + params.value + '\n占比：' + params.percent.toFixed(0) + '%'
                );
            },
            fontSize: 20
        },
        labelLine: {
            show: true
        },
        data: [{
                value: 1,
                name: "空调在线"
            },
            {
                value: 4,
                name: "空调离线"
            }
        ]
    }]
};