echarts双饼图

最新推荐文章于 2025-01-15 11:30:00 发布

一亿零一的菜鸟

最新推荐文章于 2025-01-15 11:30:00 发布

阅读量3.5k

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_58280734/article/details/122726704

版权

option = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 10,
        data: ['22℃以上', '18-22℃', '18℃以下', '数据异常', 
                '阀开', '强开', '阀关', '强关', '损坏']
    },
    series: [
        {
            name: '温度区间',
            type: 'pie',
            selectedMode: 'single',
            radius: [0, '30%'],
            label: {
                normal: {
                    position: 'inner',
                    show: false
                }
            },
            data: [
                {value: 100, name: '22℃以上'},
                {value: 100, name: '18-22℃'},
                {value: 100, name: '18℃以下'},
                {value: 100, name: '数据异常'},
            ],
            color:['#F06F69','#FFB800','#1E9FFF','#E2E2E2']
        },
        {
            name: '阀门状态',
            type: 'pie',
            radius: ['40%', '55%'],
            label: {
                position: 'inner',
                show: false
            },
            data: [
                {value: 20, name: '阀开'},
                {value: 20, name: '强开'},
                {value: 20, name: '阀关'},
                {value: 20, name: '强关'},
                {value: 20, name: '损坏'},
                
                {value: 20, name: '阀开'},
                {value: 20, name: '强开'},
                {value: 20, name: '阀关'},
                {value: 20, name: '强关'},
                {value: 20, name: '损坏'},
                
                {value: 20, name: '阀开'},
                {value: 20, name: '强开'},
                {value: 20, name: '阀关'},
                {value: 20, name: '强关'},
                {value: 20, name: '损坏'},
                
                {value: 100, name: '数据异常'},
            ],
            color:['#009688','#63BA79','#FFB800','#F7ED46','#666666']
        }
    ]
};