1:在全局或局部引入Echarts组件(这里使用局部引入)
import echarts from 'echarts';
require('echarts/map/js/china')
2:编写关键的步骤->设置并展示数据的方法
peopleCount(ptotal){
// 初始化echarts实例
this.chinachart = echarts.init(document.getElementById('china_map'))
// 使用刚指定的配置项和数据显示地图数据
this.chinachart.setOption({
// 进行相关配置
tooltip: {
// 鼠标移到图里面的浮动提示框
formatter (params, ticket, callback) {
let count,
total,
percent
if (params.data) {
count = params.data.value,
total = ptotal,
percent = ((count/total*10000)/100.00).toFixed(2)+'%'
} else {
// 为了防止没有定义数据的时候报错写的
count = 0,
total = 0,
percent = 0+'%'
}
let htmlStr = `