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;
- }
|