| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168 | function option1 (name) {    var keyCity = [        /*        '北京','上海','广州','长春','长沙','成都','福州','哈尔滨','沈阳','杭州','呼和浩特',        '昆明','南京','贵阳','太原','天津','武汉','西安','郑州','重庆','济南',        '银川','石家庄','乌鲁木齐','南昌','海口','兰州','西宁','合肥','南宁','深圳',        '包头','大连','大同','保定','东莞','佛山','桂林','开封','连云港',        '廊坊','宁波','齐齐哈尔','泉州','绍兴','苏州','唐山','无锡','延安',        '扬州','徐州','烟台','宜宾','玉溪','湛江','中山','珠海','淄博',        '威海','潍坊','温州','汕头','青岛','厦门','九江','秦皇岛','洛阳',        */        '北京','上海','广州','重庆','天津','太原','沈阳','大连','长春',        '南京','杭州','宁波','合肥','福州','厦门','南昌','济南','青岛',        '郑州','武汉','长沙','深圳','南宁','海口','成都','贵阳','昆明',        '拉萨','西安','兰州','西宁','银川','哈尔滨','石家庄','呼和浩特','乌鲁木齐'    ];    var option = {        title : {            text: '重点城市对比',            subtext: 'data from PM25.in',            sublink: 'http://www.pm25.in',            x:'right',            y:'bottom'        },        tooltip : {            trigger: 'axis',            formatter: function (v) {                var res = v[0][1] + '<br/>';                if (v.length < 5) {                    for (var i = 0, l = v.length; i < l; i++) {                        res += v[i][0] + ' : ' + v[i][2] + '<br/>';                    }                }                else {                    for (var i = 0, l = v.length; i < l; i++) {                        res += v[i][0] + ' : ' + v[i][2] + ((i + 1) % 3 == 0 ? '<br/>' : ' ');                    }                }                return res;            }        },        legend: {            data: keyCity        },        toolbox: {            show : true,            orient : 'vertical',            x: 'right',            y: 'center',            feature : {                mark : {show: true},                dataView : {show: true, readOnly: false},                magicType : {show: true, type: ['line', 'bar']},                restore : {show: true},                saveAsImage : {show: true}            }        },        grid:{            x: 50,            y: 80,            x2: '32%',            borderWidth:0        },        xAxis : [            {                type : 'category',                splitLine : {show : false},                data : ['AQI','PM2.5','PM10','NO2','O3','SO2']            }        ],        yAxis : [            {                type : 'value',                splitArea : {show : true},                splitLine : {show : true}            }        ],        polar : [           {               indicator : [                   { text: 'AQI'},                   { text: 'PM2.5'},                   { text: 'PM10'},                   { text: 'NO2'},                   { text: 'O3'},                   { text: 'SO2'}                ],                center : ['84%', 230],                radius : 120            }        ]    };        var selected = {};    var series = [        {            name: '对比',            type: 'radar',            tooltip: {                trigger:'axis',                formatter: function (v) {                    var res = v[0][3] + '<br/>';                    if (v.length < 5) {                        for (var i = 0, l = v.length; i < l; i++) {                            res += v[i][1] + ' : ' + v[i][2] + '<br/>';                        }                    }                    else {                        for (var i = 0, l = v.length; i < l; i++) {                            res += v[i][1] + ' : ' + v[i][2] + ((i + 1) % 3 == 0 ? '<br/>' : ' ');                        }                    }                    return res;                }            },            itemStyle: {                normal: {                    lineStyle: {                        width: 1                    }                }            },            data: []        }    ];    var cityToData = data.cityToData;    var singleData;    var city;    var seriesData;    for (var i = 0, l = keyCity.length; i < l; i++) {        city = keyCity[i];        singleData = cityToData[city];        if (typeof singleData == 'undefined') {            continue;        }        seriesData = [            singleData.aqi,             singleData.pm2_5,             singleData.pm10,             singleData.no2,             singleData.o3,             singleData.so2        ];        series[0].data.push({            name: city,            value: seriesData        });        series.push({            name: city,            type: 'bar',            barGap:'5%',            barCategoryGap:'10%',            data: seriesData        });        selected[city] = false;    }    selected['北京'] = true;    selected['上海'] = true;    selected['广州'] = true;    //selected['重庆'] = true;    //selected['哈尔滨'] = true;    //selected['乌鲁木齐'] = true;    //selected['拉萨'] = true;    option.legend.selected = selected;    option.series = series;    //console.log(option);    return option;}
 |