Hiayao 2022-03-25 16:44 采纳率: 69.2%
浏览 774
已结题

echarts地图散点配置好了但是不显示怎么回事


  //图表的配置文件
      this.mapChartOption1 = {
        //鼠标放置在地图上的显示
        tooltip: {
          trigger: "item",
          formatter: (p) => {
            // console.log('guo');
            // console.log(p);
            //这里p可以获取到所有的数据
            let val = p.value;
            if (window.isNaN(val)) {
              val = 0;
            }
            let txtCon =
              "<div style='text-align:center'>" +
              p.name +
              ":<br />总数:" +
              val +
              "</div>";
            return txtCon;
          },
        },
        series: [
          {
            type: "map",
            map: name,
            itemStyle: {
              //未选中样式
              //背景颜色
              areaColor: "#909399",
              //边框颜色
              borderColor: "#fbfdfe",
              //边框宽度
              borderWidth: 1,
            },
            emphasis: {
              // 选中样式
              borderWidth: 1,
              //高亮颜色
              areaColor: "#2062e6",
              label: {
                //显示文字
                show: true,
                //鼠标移入的字体颜色
                color: "black",
              },
            },
            data: [],
          },
          {
            name: "预警", // series名称
            type: "effectScatter", // series图表类型
            coordinateSystem: "geo", // series坐标系类型
            // symbolSize: function (val) {
            //   return val[2];
            // },
            symbolSize: 16,
            // data: myData, // series数据内容
            data: [
              {
                name: "成都", // 数据项名称,在这里指地区名称
                value: [
                  // 数据项值
                  "104.072747", // 地理坐标,经度
                  "30.578994", // 地理坐标,纬度
                  340, // 成都地区的数值
                ],
              },
            ],
            emphasis: {
              show: false,

              label: {
                show: false,
              },
            },
            //series样式
            itemStyle: {
              color: "#711d8e",
            },
          },
        ],
      };
      console.log(this.mapChartOption1);
      // option && myChart.setOption(this.mapChartOption1);
      myChart.setOption(this.mapChartOption1, true);
    },
  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-03-25 17:28
    关注

    初始化了吗
    echarts.init

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 5月6日
  • 已采纳回答 4月28日
  • 创建了问题 3月25日

悬赏问题

  • ¥15 解决一个加好友限制问题 或者有好的方案
  • ¥15 关于#java#的问题,请各位专家解答!
  • ¥15 急matlab编程仿真二阶震荡系统
  • ¥20 TEC-9的数据通路实验
  • ¥15 ue5 .3之前好好的现在只要是激活关卡就会崩溃
  • ¥50 MATLAB实现圆柱体容器内球形颗粒堆积
  • ¥15 python如何将动态的多个子列表,拼接后进行集合的交集
  • ¥20 vitis-ai量化基于pytorch框架下的yolov5模型
  • ¥15 如何实现H5在QQ平台上的二次分享卡片效果?
  • ¥30 求解达问题(有红包)