vue整合Echarts实例PM2.5全国主要城市空气质量地图

}).then(response => { ption = { title: { text: "全国主要城市救灾物资分布", sublink: "", left: "center" }, tooltip: { trigger: "item" }, bmap: { center: [104.114129, 37.550339], zoom: 5, roam: true, mapStyle: { styleJson: [ { featureType: "water", elementType: "all", stylers: { color: "#d1d1d1" } }, { featureType: "land", elementType: "all", stylers: { color: "#f3f3f3" } }, { featureType: "railway", elementType: "all", stylers: { visibility: "off" } }, { featureType: "highway", elementType: "all", stylers: { color: "#fdfdfd" } }, { featureType: "highway", elementType: "labels", stylers: { visibility: "off" } }, { featureType: "arterial", elementType: "geometry", stylers: { color: "#fefefe" } }, { featureType: "arterial", elementType: "", stylers: { color: "#fefefe" } }, {

{ featureType: "poi", elementType: "all", stylers: { visibility: "off" } }, { featureType: "green", elementType: "all", stylers: { visibility: "off" } }, { featureType: "subway", elementType: "all", stylers: { visibility: "off" } }, { featureType: "manmade", elementType: "all", stylers: { color: "#d1d1d1" } }, { featureType: "local", elementType: "all", stylers: { color: "#d1d1d1" } }, { featureType: "arterial", elementType: "labels", stylers: { visibility: "off" } }, { featureType: "boundary", elementType: "all", stylers: { color: "#fefefe" } }, { featureType: "building", elementType: "all", stylers: { color: "#d1d1d1" } }, { featureType: "label", elementType: "", stylers: { color: "#999999" } } ] } },

}, series: [ { name: "pm2.5", type: "scatter", coordinateSystem: "bmap", data: tData(), symbolSize: function(val) { return val[2] / 10; }, label: { normal: { formatter: "{b}", position: "right", show: false }, emphasis: { show: true } }, itemStyle: { normal: { color: "purple" } } }, { name: "Top 5", type: "effectScatter", coordinateSystem: "bmap", data: tData( .sort(function(a, b) { return - ; }) .slice(0, 6) ), symbolSize: function(val) { return val[2] / 10; }, showEffectOn: "render", rippleEffect: { brushType: "stroke" }, hoverAnimation: true, label: { normal: { formatter: "{b}", position: "right", show: true } }, itemStyle: { normal: { color: "purple", shadowBlur: 10, shadowColor: "#333" } }, zlevel: 1 } ] }; }); } },