xiaoyaoluntian-imitating-dingding-flow-chart/src/views/echarts/optionConfig.js

export default class EchartsOptions {
  constructor() {
    return {
      // 进行相关配置
      backgroundColor: "#02AFDB",
      tooltip: {}, // 鼠标移到图里面的浮动提示框
      geo: {
        // 这个是重点配置区
        map: "北京", // 表示中国地图
        roam: true,
        label: {
          normal: {
            show: true, // 是否显示对应地名
            textStyle: {
              color: "rgba(0,0,0,0.4)"
            }
          }
        },
        itemStyle: {
          normal: {
            borderColor: "rgba(0, 0, 0, 0.2)"
          },
          emphasis: {
            areaColor: null,
            shadowOffsetX: 0,
            shadowOffsetY: 0,
            shadowBlur: 20,
            borderWidth: 0,
            shadowColor: "rgba(0, 0, 0, 0.5)"
          }
        }
      },
      series: [
        {
          type: "scatter",
          coordinateSystem: "geo" // 对应上方配置
        },
        {
          name: "启动次数", // 浮动框的标题
          type: "map",
          geoIndex: 0,
          data: [
            {
              name: "北京",
              value: 599
            },
            {
              name: "上海",
              value: 142
            },
            {
              name: "黑龙江",
              value: 1144
            },
            {
              name: "深圳",
              value: 92
            },
            {
              name: "湖北",
              value: 810
            },
            {
              name: "四川",
              value: 453
            }
          ]
        }
      ]
    };
  }
}