2010 年 与 2016 年各省水资源总量与人均水资源量 易颖珊 201601213024echarts scatter配置项内容和展示

2010 年 与 2016 年各省水资源总量与人均水资源量 易颖珊 201601213024

      app.title = '气泡图';

var data = [
    [[3510000000,161.6,16800000, '北京', 2016],[1890000000, 121.58, 11300000, '天津', 2016], [20830000000, 279.69, 187700000, '河北', 2016],[13410000000, 365.1, 156300000, '山西', 2016],[42650000000, 1695.49, 1183000000, '内蒙古', 2016],[33160000000, 757.08, 145900000, '辽宁', 2016],[48880000000, 1781.99, 187400000, '吉林', 2016],[84370000000, 2217.05, 454800000, '黑龙江', 2016],[6100000000, 252.33, 6300000, '上海', 2016],[74170000000, 928.58, 102600000, '江苏', 2016],[132330000000, 2378.11, 102000000, '浙江', 2016],[124520000000, 2018.15, 139700000, '安徽', 2016],[210900000000, 5468.69, 121300000, '福建', 2016],[222110000000, 4850.62, 167000000, '江西', 2016],[22030000000, 222.59, 153800000, '山东', 2016],[33730000000, 354.83, 167000000, '河南', 2016],[149800000000, 2552.61, 185900000, '湖北', 2016],[219660000000, 3229.11, 211800000, '湖南', 2016],[245860000000, 2250.64, 180000000, '广东', 2016],[217860000000, 4522.73, 236000000, '广西', 2016],[48990000000, 5359.96, 34000000, '海南', 2016],[60490000000, 1994.72, 82300000, '重庆', 2016],[234090000000, 2843.31, 481400000, '四川', 2016],[106610000000, 3009.46, 176000000, '贵州', 2016],[208890000000, 4391.67, 383300000, '云南', 2016],[27150000000, 713.91, 205600000, '陕西', 2016],[16840000000, 646.45, 454400000, '甘肃', 2016],[61270000000, 10375.95, 722300000, '青海', 2016],[9600000000, 142.96, 66400000, '宁夏', 2016],[109340000000, 4596.05, 1660000000, '新疆', 2016]],
    [[2310000000 ,124.2,16800000, '北京', 2010],[ 920000000, 72.8, 11300000, '天津', 2010],[13890000000 , 195.3, 187700000, '河北', 2010],[9150000000, 261.5, 156300000, '山西', 2010],[38850000000, 1576.1, 1183000000, '内蒙古', 2010],[60670000000, 1392.1, 145900000, '辽宁', 2010],[68670000000, 2503.3, 187400000, '吉林', 2010],[85350000000, 2228.6, 454800000, '黑龙江', 2010],[3680000000, 163.1, 6300000, '上海', 2010],[38350000000, 489.2, 102600000, '江苏', 2010],[139860000000, 2608.7, 102000000, '浙江', 2010],[92280000000, 1526.9, 139700000, '安徽', 2010],[165270000000, 4491.7, 121300000, '福建', 2010],[227550000000, 5116.7, 167000000, '江西', 2010],[30910000000, 324.4, 153800000, '山东', 2010],[53490000000, 566.2, 167000000, '河南', 2010],[126870000000, 2216.5, 185900000, '湖北', 2010],[190660000000, 2938.7, 211800000, '湖南', 2010],[199880000000, 1943.3, 180000000, '广东', 2010],[182360000000, 3852.9, 236000000, '广西', 2010],[47980000000, 5538.7, 34000000, '海南', 2010],[46430000000, 1616.8, 82300000, '重庆', 2010],[257530000000, 3173.5, 481400000, '四川', 2010],[95650000000, 2726.8, 176000000, '贵州', 2010],[194140000000, 4233.1, 383300000, '云南', 2010],[50750000000, 1360.3,20560000, '陕西', 2010],[21520000000, 841.7, 454400000, '甘肃', 2010],[74110000000, 13225, 722300000, '青海', 2010],[930000000, 148.2, 66400000, '宁夏', 2010],[111310000000 , 148.2, 1660000000, '新疆', 2010]]
];

option = {
    backgroundColor: new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, [{
        offset: 0,
        color: '#f7f8fa'
    }, {
        offset: 1,
        color: '#cdd0d5'
    }]),
    title: {
        text: '2010年 与 2016 年各省水资源总量与人均水资源量'
    },
    legend: {
        right: 10,
        data: ['2016', '2010']
    },
    xAxis: {
        splitLine: {
            lineStyle: {
                type: 'dashed'
            }
        }
    },
    yAxis: {
        splitLine: {
            lineStyle: {
                type: 'dashed'
            }
        },
        scale: true
    },
    series: [{
        name: '2016',
        data: data[0],
        type: 'scatter',
        symbolSize: function (data) {
            return Math.sqrt(data[2]) / 5e2;
        },
        label: {
            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(221, 218, 73)'
                }, {
                    offset: 1,
                    color: 'rgb(204, 146, 72)'
                }])
            }
        }
    }, {
        name: '2010',
        data: data[1],
        type: 'scatter',
        symbolSize: function (data) {
            return Math.sqrt(data[2]) / 5e2;
        },
        label: {
            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(229, 327, 208)'
                }, {
                    offset: 1,
                    color: 'rgb(25, 223, 207)'
                }])
            }
        }
    }]
};