echarts一些东西

echarts  特定的区域配置样式 只有geo的regions能控制透明度  visualMap能根据值大小在颜色选取范围变化

加载地图需引入import '../../../../node_modules/echarts/map/js/china.js'文件 省级引入省级js

var option = {
geo: {
　　map: 'china', // 表示中国地图
　　roam: true,'scale' 或者 'move'。设置成 true 为都开启
　　label: {
　　　　show: true,
　　　　color: 'rgba(255,255,255,0.7)',
　　　　fontSize:'10'
　　},
　　itemStyle: {
　　　　borderColor: 'rgba(44,219,227,0.7)',
　　　　areaColor: 'rgba(44,219,227,0.4)'
　　},
　　emphasis:{
　　　　label:{
　　　　　　color:'rgba(255,255,255,0.9)'
　　　　},
　　　　itemStyle:{
　　　　　　areaColor: 'rgba(44,219,227,0.7)'
　　　　}
　　}
},
series: [{
type: 'effectScatter',
coordinateSystem: 'geo',
rippleEffect:{//涟漪特效
color:'rgba(220, 64, 64,0.4)',
// scale:'1.5',
},
labelLayout:{
hideOverlap:true
},
data:this.convertData(data),//根据特效的经纬度和值来显示点点点
symbolSize: function (val) {
return val[2] / 10;
},
emphasis:{
label:{
show:true
}
},
itemStyle: {
color: 'rgba(220, 64, 64,0.6)'
}
}]

};

this.$nextTick(() => {

this.dom = echarts.init(this.$refs.dom);
this.dom.setOption(option);
on(window, 'resize', this.resize)
})