各学院男女占比图ECharts Gallery

20:11:45图表已生成
代码
var data = [
    [
        [
            33,
            0.14224137931034483,
            232,
            "计算机科学与教育软件学院",
            "15届"
        ],
        [
            99,
            0.668918918918919,
            148,
            "地理科学学院",
            "15届"
        ],
        [
            57,
            0.15447154471544716,
            369,
            "机械与电气工程学院",
            "15届"
        ],
        [
            368,
            0.6996197718631179,
            526,
            "经济与统计学院",
            "15届"
        ],
        [
            66,
            0.1935483870967742,
            341,
            "土木工程学院",
            "15届"
        ],
        [
            300,
            0.7537688442211056,
            398,
            "新闻与传播学院",
            "15届"
        ],
        [
            236,
            0.8939393939393939,
            264,
            "外国语学院",
            "15届"
        ],
        [
            230,
            0.888030888030888,
            259,
            "人文学院",
            "15届"
        ],
        [
            89,
            0.5493827160493827,
            162,
            "数学与信息科学学院",
            "15届"
        ],
        [
            334,
            0.6693386773547094,
            499,
            "工商管理学院",
            "15届"
        ],
        [
            131,
            0.7443181818181818,
            176,
            "法学院",
            "15届"
        ],
        [
            120,
            0.7361963190184049,
            163,
            "公共管理学院",
            "15届"
        ],
        [
            3,
            1.0,
            3,
            "卫斯理安学院",
            "15届"
        ],
        [
            14,
            0.6666666666666666,
            21,
            "政治与公民教育学院",
            "15届"
        ],
        [
            153,
            0.7846153846153846,
            195,
            "旅游学院",
            "15届"
        ],
        [
            158,
            0.7821782178217822,
            202,
            "教育学院",
            "15届"
        ],
        [
            46,
            0.4842105263157895,
            95,
            "环境科学与工程学院",
            "15届"
        ],
        [
            118,
            0.5728155339805825,
            206,
            "化学化工学院",
            "15届"
        ],
        [
            37,
            0.22424242424242424,
            165,
            "物理与电子工程学院",
            "15届"
        ],
        [
            67,
            0.4785714285714286,
            140,
            "建筑与城市规划学院",
            "15届"
        ],
        [
            167,
            0.5921985815602837,
            282,
            "美术与设计学院",
            "15届"
        ],
        [
            67,
            0.6146788990825688,
            109,
            "生命科学学院",
            "15届"
        ],
        [
            7,
            0.07142857142857142,
            98,
            "体育学院",
            "15届"
        ],
        [
            101,
            0.7769230769230769,
            130,
            "音乐舞蹈学院",
            "15届"
        ]
    ],
    [
        [
            83,
            0.47701149425287354,
            174,
            "地理科学学院",
            "14届"
        ],
        [
            30,
            0.08356545961002786,
            359,
            "机械与电气工程学院",
            "14届"
        ],
        [
            6,
            0.6666666666666666,
            9,
            "工商管理学院",
            "14届"
        ],
        [
            98,
            0.6901408450704225,
            142,
            "法学院",
            "14届"
        ],
        [
            101,
            0.6121212121212121,
            165,
            "公共管理学院",
            "14届"
        ],
        [
            79,
            0.48466257668711654,
            163,
            "数学与信息科学学院",
            "14届"
        ],
        [
            33,
            0.25384615384615383,
            130,
            "环境科学与工程学院",
            "14届"
        ],
        [
            76,
            0.4342857142857143,
            175,
            "化学化工学院",
            "14届"
        ],
        [
            127,
            0.7650602409638554,
            166,
            "教育学院",
            "14届"
        ],
        [
            35,
            0.33653846153846156,
            104,
            "计算机科学与教育软件学院",
            "14届"
        ],
        [
            10,
            0.7692307692307693,
            13,
            "经济与统计学院",
            "14届"
        ],
        [
            51,
            0.20647773279352227,
            247,
            "土木工程学院",
            "14届"
        ],
        [
            40,
            0.2185792349726776,
            183,
            "物理与电子工程学院",
            "14届"
        ],
        [
            51,
            0.4214876033057851,
            121,
            "建筑与城市规划学院",
            "14届"
        ],
        [
            136,
            0.7640449438202247,
            178,
            "旅游学院",
            "14届"
        ],
        [
            157,
            0.6356275303643725,
            247,
            "美术与设计学院",
            "14届"
        ],
        [
            168,
            0.835820895522388,
            201,
            "人文学院",
            "14届"
        ],
        [
            47,
            0.2974683544303797,
            158,
            "生命科学学院",
            "14届"
        ],
        [
            16,
            0.15384615384615385,
            104,
            "体育学院",
            "14届"
        ],
        [
            165,
            0.8918918918918919,
            185,
            "外国语学院",
            "14届"
        ],
        [
            235,
            0.7704918032786885,
            305,
            "新闻与传播学院",
            "14届"
        ],
        [
            90,
            0.8108108108108109,
            111,
            "音乐舞蹈学院",
            "14届"
        ]
    ],
    [
        [
            64,
            0.44755244755244755,
            143,
            "地理科学学院",
            "13届"
        ],
        [
            101,
            0.7372262773722628,
            137,
            "法学院",
            "13届"
        ],
        [
            147,
            0.7616580310880829,
            193,
            "教育学院",
            "13届"
        ],
        [
            113,
            0.6848484848484848,
            165,
            "公共管理学院",
            "13届"
        ],
        [
            55,
            0.3525641025641026,
            156,
            "环境科学与工程学院",
            "13届"
        ],
        [
            4,
            0.8,
            5,
            "工商管理学院",
            "13届"
        ],
        [
            69,
            0.3150684931506849,
            219,
            "化学化工学院",
            "13届"
        ],
        [
            48,
            0.2222222222222222,
            216,
            "物理与电子工程学院",
            "13届"
        ],
        [
            5,
            0.053763440860215055,
            93,
            "计算机科学与教育软件学院",
            "13届"
        ],
        [
            23,
            0.0749185667752443,
            307,
            "机械与电气工程学院",
            "13届"
        ],
        [
            130,
            0.6701030927835051,
            194,
            "旅游学院",
            "13届"
        ],
        [
            152,
            0.9047619047619048,
            168,
            "外国语学院",
            "13届"
        ],
        [
            2,
            1.0,
            2,
            "经济与统计学院",
            "13届"
        ],
        [
            51,
            0.38636363636363635,
            132,
            "建筑与城市规划学院",
            "13届"
        ],
        [
            82,
            0.5616438356164384,
            146,
            "数学与信息科学学院",
            "13届"
        ],
        [
            172,
            0.6539923954372624,
            263,
            "美术与设计学院",
            "13届"
        ],
        [
            175,
            0.8293838862559242,
            211,
            "人文学院",
            "13届"
        ],
        [
            213,
            0.7526501766784452,
            283,
            "新闻与传播学院",
            "13届"
        ],
        [
            72,
            0.35467980295566504,
            203,
            "生命科学学院",
            "13届"
        ],
        [
            47,
            0.1649122807017544,
            285,
            "土木工程学院",
            "13届"
        ],
        [
            12,
            0.10909090909090909,
            110,
            "体育学院",
            "13届"
        ],
        [
            86,
            0.7962962962962963,
            108,
            "音乐舞蹈学院",
            "13届"
        ]
    ]
];
isShowCollege2 = 0
isShowCollege3 = 0
isShowCollege4 = 0
option = {
    tooltip: {
        trigger: "item",
        formatter: function(params) {
            return params.value[3] + ":" + parseInt(params.value[1] * 1000) / 10 + "%"
        }
    },
    toolbox: {

        left: "160",
        feature: {
            saveAsImage: {
                show: true
            },
            myshowcollege2: {
                show: true,
                icon: "image://http://omudx2uw8.bkt.clouddn.com/ring0.jpg",
                title: "显示15届学院名称",
                onclick: function() {
                    // alert("好")
                    if (isShowCollege2 == 0) {
                        myChart.setOption({
                            series: [{
                                label: {
                                    normal: {
                                        formatter: function(param) {
                                            return param.data[3];
                                        }
                                    }
                                }
                            }]
                        })
                        isShowCollege2 = 1
                    } else {
                        myChart.setOption({
                            series: [{
                                label: {
                                    normal: {
                                        formatter: ""
                                    }
                                }
                            }]
                        })
                        isShowCollege2 = 0
                    }
                }
            },
            myshowcollege3: {
                show: true,
                icon: "image://http://omudx2uw8.bkt.clouddn.com/ring0.jpg",
                title: "显示14届学院名称",
                onclick: function() {
                    // alert("好")
                    if (isShowCollege3 == 0) {
                        myChart.setOption({
                            series: [{}, {
                                label: {
                                    normal: {
                                        formatter: function(param) {
                                            return param.data[3];
                                        }
                                    }
                                }
                            }]
                        })
                        isShowCollege3 = 1
                    } else {
                        myChart.setOption({
                            series: [{}, {
                                label: {
                                    normal: {
                                        formatter: ""
                                    }
                                }
                            }]
                        })
                        isShowCollege3 = 0
                    }
                }
            },
            myshowcollege4: {
                show: true,
                icon: "image://http://omudx2uw8.bkt.clouddn.com/ring0.jpg",
                title: "显示13届学院名称",
                onclick: function() {
                    // alert("好")
                    if (isShowCollege4 == 0) {
                        myChart.setOption({
                            series: [{}, {}, {
                                label: {
                                    normal: {
                                        formatter: function(param) {
                                            return param.data[3];
                                        }
                                    }
                                }
                            }]
                        })
                        isShowCollege4 = 1
                    } else {
                        myChart.setOption({
                            series: [{}, {}, {
                                label: {
                                    normal: {
                                        formatter: ""
                                    }
                                }
                            }]
                        })
                        isShowCollege4 = 0
                    }
                }
            }
        }
    },
    backgroundColor: new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, [{
        offset: 0,
        color: '#f7f8fa'
    }, {
        offset: 1,
        color: '#cdd0d5'
    }]),
    title:{
        text: "广州大学数据分析",
        subtext: "各学院女生比例及女生基数-Acring",
        left: "center"
    },
    legend: {
        right: 10,
        data: ['15届', '14届', "13届"]
    },
    xAxis: {
        name: "女生数量",
        splitLine: {
            lineStyle: {
                type: 'dashed'
            }
        }
    },
    yAxis: {
        name: "女生占比",
        splitLine: {
            lineStyle: {
                type: 'dashed'
            }
        },
        scale: true
    },
    series: [{
        name: '15届',
        data: data[0],
        type: 'scatter',
        symbolSize: function(data) {
            return Math.sqrt(data[2]) * 2;
        },
        label: {
            normal: {
                show: true,
                formatter: "",
                position: 'top',

            },
            emphasis: {
                show: true,
                formatter: function(param) {
                    return param.data[3];
                },
                position: 'top'
            }
        },
        itemStyle: {
            normal: {
                shadowBlur: 10,
                shadowColor: 'rgba(120, 36, 50, 0.5)',
                shadowOffsetY: 5,
                color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
                    offset: 0,
                    color: 'rgb(251, 118, 123)'
                }, {
                    offset: 1,
                    color: 'rgb(204, 46, 72)'
                }])
            }
        }
    }, {
        name: '14届',
        data: data[1],
        type: 'scatter',
        symbolSize: function(data) {
            return Math.sqrt(data[2]) * 2;
        },
        label: {
            normal: {
                show: true,
                formatter: "",
                position: 'top'
            },
            emphasis: {
                show: true,
                formatter: function(param) {
                    return param.data[3];
                },
                position: 'top'
            }
        },
        itemStyle: {
            normal: {
                shadowBlur: 10,
                shadowColor: 'rgba(25, 100, 150, 0.5)',
                shadowOffsetY: 5,
                color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
                    offset: 0,
                    color: 'rgb(129, 227, 238)'
                }, {
                    offset: 1,
                    color: 'rgb(25, 183, 207)'
                }])
            }
        }
    }, {
        name: '13届',
        data: data[2],
        type: 'scatter',
        symbolSize: function(data) {
            return Math.sqrt(data[2]) * 2;
        },
        label: {
            normal: {
                show: true,
                formatter: "",
                position: 'top'
            },
            emphasis: {
                show: true,
                formatter: function(param) {
                    return param.data[3];
                },
                position: 'top'
            }
        },
        itemStyle: {
            normal: {
                shadowBlur: 10,
                shadowColor: 'rgba(25, 100, 150, 0.5)',
                shadowOffsetY: 5,
                color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
                    offset: 0,
                    color: 'rgb(52, 128, 256)'
                }, {
                    offset: 1,
                    color: 'rgb(52, 52, 207)'
                }])
            }
        }
    }]
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
