天气情况统计echarts 饼配置项内容和展示

虚构数据

      var weatherIcons = {
    'Sunny': './data/asset/img/weather/sunny_128.png',
    'Cloudy': './data/asset/img/weather/cloudy_128.png',
    'Showers': './data/asset/img/weather/showers_128.png'
};

option = {
    title: {
        text: '天气情况统计',
        subtext: '虚构数据',
        left: 'center'
    },
    tooltip: {
        renderMode: 'richText',
        show: true,
        formatter: [
            "{abc| Hello }"
        ].join(','),
        rich: {
            abc: {
                color: 'green',
                align: 'center'
            }

        }
    },
    legend: {
        // orient: 'vertical',
        // top: 'middle',
        bottom: 10,
        left: 'center',
        data: ['西凉', '益州', '兖州', '荆州', '幽州']
    },
    series: [

        {
            type: 'pie',
            radius: '65%',
            center: ['50%', '50%'],
            selectedMode: 'single',
            data: [{
                    value: 1548,
                    name: '幽州',
                },
                {
                    value: 535,
                    name: '荆州'
                },
                {
                    value: 510,
                    name: '兖州'
                },
                {
                    value: 634,
                    name: '益州'
                },
                {
                    value: 735,
                    name: '西凉'
                }
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};