问答

echarts如何隐藏地图的label?

作者:admin 2021-08-03 我要评论

因为在移动端,地图比较小,如果显示省市区名称会很拥挤,还会出现重叠现象。所以我想要隐藏label,label配置项里设置 show: false 和 fontSize: 0 在选中地图省...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

因为在移动端,地图比较小,如果显示省市区名称会很拥挤,还会出现重叠现象。所以我想要隐藏label,label配置项里设置show: falsefontSize: 0在选中地图省份的时候地图上依然存在label。
希望选中的时候也不显示省份名称,要如何配置?

series: [
        {
          type: 'map',
          left: 'center', // 对齐
          name: '确诊人数',
          mapType: province,
          data: mapList,
          label: {
            show: false,
            fontSize: 0
          },
          zoom: province !== '全国' ? 1.1 : 1.2,
          roam: false, // 关闭鼠标缩放和平移
          showLegendSymbol: false, // 显示图例的颜色标识
          rippleEffect: {
            // 波纹
            show: true,
            brushType: 'stroke',
            scale: 2.5,
            period: 4
          }
        }
      ]
###

设置emphasis:{label:{show: false;}};(高亮状态下的多边形和标签样式)

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • echarts如何隐藏地图的label?

    echarts如何隐藏地图的label?

  • typescript 在type中如何过滤可选属性

    typescript 在type中如何过滤可选属性

  • 为什么a.x为undefined?

    为什么a.x为undefined?

  • swiper.js 全屏鼠标滚动的问题

    swiper.js 全屏鼠标滚动的问题

腾讯云代理商
海外云服务器