2
回答
echarts怎样在一张图中绘制多个饼图或多个条形图
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

比如:统计学历-性别的人数,硕士:男,硕士:女一个饼图;本科:男,本科:女一个饼图,大专:男,大专:女一个饼图。。。。。。需要在同一个图中绘制多个饼图以便可以一次性地导出为1张图片打印

举报
gergw3r
发帖于2年前 2回/4K+阅
共有2个答案 最后回答: 2年前



option = {
    title : {
        text: '性别统计',
        subtext: '纯属虚构',
        x:'right'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['本科男','本科女','硕士男','硕士女']
    },
    series : [
        {
            name: '硕士',
            type: 'pie',
            radius : '55%',
            center: ['35%', '30%'],
            data:[
                {value:250, name:'硕士男'},
                {value:150, name:'硕士女'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        },
        {
            name: '本科',
            type: 'pie',
            radius: '55%',
            center: ['70%', '70%'],
            data: [
                {value: 500, name:'本科男'},
                {value: 300, name: '本科女'}
                ]
        }
    ]
};


一个option就是一块空白区,一块空白区的series表示画多少个图,画什么样的图。

series:[{图1},{图2},……,{图n}]

图的属性可以自定义,圆心 center: [横坐标,纵坐标]

引用来自“莫铭”的评论




option = {
    title : {
        text: '性别统计',
        subtext: '纯属虚构',
        x:'right'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['本科男','本科女','硕士男','硕士女']
    },
    series : [
        {
            name: '硕士',
            type: 'pie',
            radius : '55%',
            center: ['35%', '30%'],
            data:[
                {value:250, name:'硕士男'},
                {value:150, name:'硕士女'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        },
        {
            name: '本科',
            type: 'pie',
            radius: '55%',
            center: ['70%', '70%'],
            data: [
                {value: 500, name:'本科男'},
                {value: 300, name: '本科女'}
                ]
        }
    ]
};


一个option就是一块空白区,一块空白区的series表示画多少个图,画什么样的图。

series:[{图1},{图2},……,{图n}]

图的属性可以自定义,圆心 center: [横坐标,纵坐标]

感谢1楼!请问怎样让饼图的name在饼图正下方显示,比如:第1个饼图下方显示硕士,第2个饼图下方本科?
顶部