vue3+echarts-gl+echarts 为什么修改地图标签,没有效果?

image.png
option这样配置。为什么修改标签的颜色和字体大小都没有效果(label下的textStyle)
(echarts-gl:v2.0.9;echarts: v5.4.3;vue:3.2.13)

const option = {
    geo3D: {
      zlevel: -100,
      show: true,
      map: geoName, // 地图类型。echarts-gl 中使用的地图类型同 geo 组件相同
      regionHeight: 2,
      shading: 'realistic',
      realisticMaterial: {
        // detailTexture: './1.png'
      },
      itemStyle: {
        borderWidth: 1.5,
        borderColor: '#5FB9DA',
        color: '#6597D0',
        opacity: 1
      },
      label: { 
        show: true, // 是否显示标签。
        textStyle: { // 这里为什么没有效果
          color: '#fff', // 地图初始化区域字体颜色
          fontSize: 40
        },
        formatter: (e) => {
          return ` ${e.name} `;
        }
      }
    },
    series: [
      {
        zlevel: -10,
        regionHeight: 2,
        type: 'map3D',
        map: geoName, // 地图类型。echarts-gl 中使用的地图类型同 geo 组件相同
        data: mapData, //这里比较重要:获得过滤后的data,这样点击事件时就能获得这个data的值
        emphasis: {
          label: { show: false },
          itemStyle: {
            color: 'transparent'
          }
        },
        shading: 'realistic',
        realisticMaterial: {
          // detailTexture: './4.png',
          textureTiling: 2
        },
        itemStyle: {
          color: 'transparent'
        }
      }
    ]
  };
阅读 864
1 个回答

找到解决办法了,官方文档的api并不能生效(如下)。
image.png

改为:
将 color 属性直接放置在 label 内,不放在 textStyle 内
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题