取消echarts地图悬浮时默认黄色高亮

  • 这是核心代码
javascript 复制代码
emphasis: {
     areaColor: undefined,// 继承 normal 颜色
},
  • 这是完整option demo
    注意mapName 替换
javascript 复制代码
export default (data, _this) => {
  const mapName = data.mapName;
  const mapList = data.mapList || [];

  let options = {
    tooltip: {
      show:false,
      trigger: 'item',
      formatter: '{b}: {c}'
    },
    geo: {
      map: mapName,
      type: 'geo',
      roam: false,
      zoom: 1.1,      // 初始缩放级别
      label: {
        show: false
      },
      itemStyle: { // 加重立体感
        shadowColor: 'rgb(4,122,187)',
        shadowOffsetX: 5,
        shadowOffsetY: 10,
        shadowBlur: 5
      }
    },
    visualMap: {
      show:true,
      min: 0,
      max: 100,
      left: 'left',
      top: 'bottom',
      text: ['高', '低'], // 文本,默认为数值文本
      calculable: true
    },
    series: [{
      type: 'map',
      map: mapName,
      z: 0,
      zoom: 1.1,      // 同步 geo 的配置
      label: { //地图上的标签相关属性
        normal: {
          show: true,
          color: '#fff',
          fontSize: 20,
        },
        emphasis: {
          textStyle: {
            color: '#fff'
          }
        }
      },
      itemStyle: {//地图每一块区域相关属性
        normal: {
          borderColor: '#c5ecfa', //#39ceff
          borderWidth: 2,
          // 关键修改点:设置固定渐变色
          areaColor: {
            type: 'linear',
            x: 0,y: 1,x2: 0,y2: 0,
            colorStops: [
              { offset: 0, color: '#438bfb' }, // 渐变起始色
              { offset: 1, color: '#5cacf9' }  // 渐变结束色
            ]
          }
        },
        emphasis: {
          areaColor: undefined, // 继承 normal 颜色
          borderWidth: 2,
        },
      },
      animation: false,
      data: mapList
    }]
  }

  return options;
}
相关推荐
yingyima3 分钟前
VS Code 正则替换技巧:从凌晨3点的服务器报警开始
前端
默_笙10 分钟前
🛬 我让 AI 帮我写了一个打飞机游戏,结果 Canvas 把我整不会了
前端·javascript
梯度不陡10 分钟前
AI 到底能不能从零写软件?ProgramBench 和 RepoZero 给出了两种答案
前端·javascript·面试
冬奇Lab28 分钟前
每日一个开源项目(第137篇):Penpot - 真正开源的设计协作工具,SVG 原生格式消灭设计-开发鸿沟
前端·开源·设计
nuIl1 小时前
实现一个 Coding Agent(7):Skills
前端·agent·cursor
nuIl1 小时前
实现一个 Coding Agent(8):会话持久化与多会话
前端·agent·cursor
jt君424262 小时前
React Native JSI 深入剖析 — 第 5 部分中文技术整理:用 HostObject 把 C++ 类暴露给 JavaScript
前端·react native
胡萝卜术2 小时前
滑动窗口最大值:从暴力到单调队列,层层优化全解析
前端·javascript·面试
fluffyox2 小时前
Notion 的公式栏里,藏着一台虚拟机——逆向 + 用 600 行 JS 复刻它的编译器与栈式 VM
前端
kyriewen3 小时前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
前端·javascript·npm