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

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日

悬赏问题

  • ¥20 如何解决访问网址被屏蔽的情况
  • ¥15 本地运行的vue2项目,使用内网穿透,前端界面一直转圈圈
  • ¥20 powerbuilder datawindow控件导出Excel数据,可不可以不自动覆盖原数据,而是在后面新插入入数据。
  • ¥100 无轴承永磁同步电机控制
  • ¥15 eps里添加本地倾斜模型
  • ¥15 telegram 问题
  • ¥15 nrf52810-c三个a 程序
  • ¥50 求一个半透明没有锯齿的圆角窗体的实现例子
  • ¥15 STM32cubeMX里的FreeRTOS无法释放内存
  • ¥15 CATIA有些零件打开直接单机确定终止