echarts省份地图

<div id="mapProvinceSituation"></div>


import echarts from 'echarts'
import "echarts/map/js/province/anhui.js";
import obj from "echarts/map/json/province/heilongjiang.json";


  data(){
        return{
            mapProvinceSituation:{},
        }
  },
mounted()
        this.mapProvinceSituation = echarts.init(document.getElementById('mapProvinceSituation'));
        this.init()

    },


init(){
            let that = this;
            this.mapProvinceSituation.setOption({
                tooltip: {
                formatter: function (params) {//提示框浮层内容格式器，支持字符串模板和回调函数两种形式
                    return params.name + '<br />' + params.seriesName + '：' + (params.value?params.value:0);
                }
                },
                dataRange: {//左下角的颜色块。start：值域开始值；end：值域结束值；label：图例名称；color：自定义颜色值
                x: 'left',
                y: 'bottom',
                left: '20px',
                textStyle: {
                    fontSize: '10',
                },
                itemHeight: 14,
                itemWidth: 14,
                marginLeft: '20px',
                splitList: [
                    { start: 0, end: 0, label: '0', color: '#b9c3f2' },
                    { start: 1, end: 99, label: '1-99人', color: '#5bc9a0' },
                    { start: 100, end: 199, label: '100-199人', color: '#927df2' },
                    { start: 200, end: 299, label: '200-299人', color: '#eda83c' },
                    { start: 300, label: '300人以上', color: '#e94d26' },
                ]
                },
                series: [{
                name: this.diFlag=='P'?'累计机构客户总数':'累计个人客户总数',
                type: 'map',//图表类型
                map: 'province',
                roam: false,
                //   top: '20%',
                //   left:'12%',
                //   right:'12%',
                //   bottom: '-10%',
                itemStyle: {// 图形样式
                    normal: {
                    label: { show: true },
                    borderColor: '#bfcbf4',
                    },// 默认状态下地图的文字
                    emphasis: { label: { show: true } },// 鼠标放到地图上面显示文字
                    fontSize: '6',
                },
                aspectScale:0.75,
                zoom: 1,
                // { name: '北京', value: 0 },
                data: [],
                }]
            });
        }