echarts中国地图

initEchartsFive() {

      let that = this;

      var myChart = this.$echarts.init(document.getElementById("map"));

      // axios.get("map.json").then((res) => {

        this.$echarts.registerMap("china", mapdata);

        myChart.setOption({

          title: {

            text: "分布",

            left: "center",

          },

          tooltip: {

            trigger: "item",

            formatter: function (params) {

              return `${params.name}: ${params.value || 0}`;

            },

          },

          visualMap: {

            show: false,

            min: 800,

            max: 50000,

            text: ["High", "Low"],

            realtime: false,

            calculable: true,

            inRange: {

              color: ["lightskyblue", "yellow", "orangered"],

            },

          },

          series: [

            {

              type: "map",

              map: "china",

              zoom: 1.2,

              // 这是要显示的数据

              data: [

                { name: "重庆市", value: 20057.34 },

                { name: "新疆维吾尔自治区", value: 15477.48 },

                { name: "宁夏回族自治区", value: 31686.1 },

                { name: "西藏自治区", value: 6992.6 },

                { name: "内蒙古自治区", value: 44045.49 },

                { name: "河南省", value: 4045.49 },

              ],

              // 自定义命名映射，不设置的话，label默认是使用 geoJson中的name名

              nameMap: {

                北京市: "北京重命名",

                天津市: "天津重命名",

              },

            },

          ],

        });

        var elementResize = ElementResize({

          strategy: "scroll", //  推荐监听滚动，提升性能

          callOnAdd: true, // 添加侦听器时是否应调用,默认true

        });

        elementResize.listenTo(

          document.getElementById("map"),

          _.debounce(function (element) {

            // 当元素尺寸发生改变是会触发此事件，刷新图表

            that.$nextTick(function () {

              myChart.resize();

            });

          })

        );

      // });

    },

 

链接: https://pan.baidu.com/s/1BQe1ICk6A9ckthj9lCSp1g  提取码: 0298