LargeScreenVisualization/viewdata-master/8echartsjkmooban/js/pie.js

(function () {
    'use strict';
    var myChart = echarts.init(document.getElementById('left-mid-nong'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {},
        legend: [{
                // 设置布局方向
                orient: 'vertical',
                // 文字和图形对齐方式
                align: 'left',
                right: '25%',
                top: '10%',
                // 图形形状
                icon: 'circle',
                padding: [20, 0, 0, 0],
                itemGap: 20,
                textStyle: {
                    borderRadius: 100,
                    color:'#fff'
                },
                data: ["荔枝", '黄瓜', "白菜", "蘑菇", "草莓"]
            },
            {
                orient: 'vertical',
                right: '6%',
                top: '10%',
                padding: [20, 0, 0, 0],
                itemGap: 20,
                // 文字和图形对齐方式
                align: 'left',
                // 图形形状
                icon: 'circle',
                textStyle: {
                    borderRadius: 100,
                    color:'#fff'
                },
                data: ["南果梨", "大葱", "西瓜", "花生", "棚"]
            }
        ],
        series: [{
            name: '销量',
            type: 'pie',
            radius: '50%',
            right: '40%',
            bottom:'10%',
            data: [{
                    value: 200,
                    name: '荔枝'
                },
                {
                    value: 156,
                    name: '黄瓜'
                },
                {
                    value: 400,
                    name: '白菜'
                },
                {
                    value: 991,
                    name: '蘑菇'
                },
                {
                    value: 332,
                    name: '草莓'
                },
                {
                    value: 100,
                    name: '南果梨'
                },
                {
                    value: 455,
                    name: '大葱'
                },
                {
                    value: 378,
                    name: '西瓜'
                },
                {
                    value: 230,
                    name: '花生'
                },
                {
                    value: 50,
                    name: '棚'
                }
            ]
        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    window.addEventListener('resize',function(){
        myChart.resize();
    })

    
})()