VUE之Echarts地图引入及配置项详解

定义地图配置项

const chartOption = {//提示器

tooltip: {

formatter(par) {//这里可自定义提示器内容

if (par.name === ‘台湾’ || par.name === ‘南海诸岛’) {

return

}

if (par.data.type === ‘reg’) {

const htmlStr = par.name + ‘&nbsp&nbsp&nbsp’ + ‘注册’ + par.data.value + ‘人’ +

‘
’ + ‘排名’ + ‘&nbsp&nbsp&nbsp’ + par.data.rank + ‘
’ + ‘占比’ +

‘&nbsp&nbsp&nbsp’ + par.data.propor + ‘%’

return htmlStr

}

}

},

visualMap: {//这里为地图图例

show: true,

min: 40,

max: 2100,

left: 10,

bottom: 10,

text: [‘高’, ‘低’], // 文本，默认为数值文本

calculable: false,

orient: ‘horizontal’,

seriesIndex: [0],

inRange: {

color: [‘#C4EBFF’, ‘#009CFF’]//图例色域</