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

Z时代
2024-03-04
分类：IT

vue3+echarts-gl+echarts 为什么修改地图标签，没有效果？
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.jpg'
      },
      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.jpg',
          textureTiling: 2
        },
        itemStyle: {
          color: 'transparent'
        }
      }
    ]  };