echarts中国地图

记录一下

<div ref="china_map" :key="Number(currentActiveId)" style="height: 100%;width: 100%"></div>

        // 地图图表
        chinaMapHidden(chinaMap) {
            let that = this;
            // console.log(params)
            // chinaMap.off('click');
            chinaMap.on("click", async function (params) {
                that.province = params.name + "省";
                that.getAreaData();
                that.showIcon = true;
                if (params.name in provinces) {
                    let s = await import(
                        `echarts/map/js/province/${provinces[params.name]}`
                    );
                    if (s) {
                        console.log(params.name);
                        chinaMap.off("click");
                        setTimeout(() => {
                            that.chinaMaprsult(params.name);
                        }, 500);
                    }
                }
            });
        },

        chinaMaprsult(name = null) {
            let chinaMap = echarts.init(this.$refs.china_map);
            this.chinaList = this.tableData.map((item) => {
                if (item.area.charAt(item.area.length - 1) == "省") {
                    return {
                        name: item.area.substring(0, item.area.length - 1),
                        value: item.checkNum,
                        checkUser: item.checkUser,
                    };
                } else {
                    return {
                        name: item.area,
                        value: item.checkNum,
                        checkUser: item.checkUser,
                    };
                }
            });

            let options = {
                tooltip: {
                    // 鼠标移到图里面的浮动提示框
                    formatter: fu