series-map 指定了geoIndex 之后 visualMap 就失效了

pengxiaotian commented 1 year ago

Version

5.4

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=map-HK

Steps to Reproduce

myChart.showLoading();
$.get(ROOT_PATH + '/data/asset/geo/HK.json', function (geoJson) {
  myChart.hideLoading();
  echarts.registerMap('HK', geoJson);
  myChart.setOption(
    (option = {
      title: {
        text: 'Population Density of Hong Kong （2011）',
        subtext: 'Data from Wikipedia',
        sublink:
          'http://zh.wikipedia.org/wiki/%E9%A6%99%E6%B8%AF%E8%A1%8C%E6%94%BF%E5%8D%80%E5%8A%83#cite_note-12'
      },
      tooltip: {
        trigger: 'item',
        formatter: '{b}<br/>{c} (p / km2)'
      },
      toolbox: {
        show: true,
        orient: 'vertical',
        left: 'right',
        top: 'center',
        feature: {
          dataView: { readOnly: false },
          restore: {},
          saveAsImage: {}
        }
      },
      visualMap: {
        min: 800,
        max: 50000,
        seriesIndex: 0,
        text: ['High', 'Low'],
        realtime: false,
        calculable: true,
        dimension: 'value',
        // inRange: {
        //   color: ['lightskyblue', 'yellow', 'orangered']
        // }
      },
      geo: {
        map: 'HK',
        label: {
          show: true
        },
        itemStyle: {
          normal: {
            borderColor: '#ccc',
            borderWidth: 1
          },
          emphasis: {
            areaColor: '#f60'
          }
        },
      },
      series: [
        {
          name: '香港18区人口密度',
          type: 'map',
          geoIndex: 0,
          zlevel: 0,
          colorBy: 'data',
          data: [
            { name: '中西区', value: 20057.34 },
            { name: '湾仔', value: 15477.48 },
            { name: '东区', value: 31686.1 },
            { name: '南区', value: 6992.6 },
            { name: '油尖旺', value: 44045.49 },
            { name: '深水埗', value: 40689.64 },
            { name: '九龙城', value: 37659.78 },
            { name: '黄大仙', value: 45180.97 },
            { name: '观塘', value: 55204.26 },
            { name: '葵青', value: 21900.9 },
            { name: '荃湾', value: 4918.26 },
            { name: '屯门', value: 5881.84 },
            { name: '元朗', value: 4178.01 },
            { 
              name: '北区',
              value: 2227.92,
              itemStyle: {
                normal: {
                  color: '#ccc',
                  borderColor: '#ccc',
                  borderWidth: 1
                },
                emphasis: {
                  areaColor: '#f60'
                }
              }
            },
            { name: '大埔', value: 2180.98 },
            { name: '沙田', value: 9172.94 },
            { name: '西贡', value: 3368 },
            { name: '离岛', value: 806.98 }
          ],
          // 自定义名称映射
          nameMap: {
            'Central and Western': '中西区',
            Eastern: '东区',
            Islands: '离岛',
            'Kowloon City': '九龙城',
            'Kwai Tsing': '葵青',
            'Kwun Tong': '观塘',
            North: '北区',
            'Sai Kung': '西贡',
            'Sha Tin': '沙田',
            'Sham Shui Po': '深水埗',
            Southern: '南区',
            'Tai Po': '大埔',
            'Tsuen Wan': '荃湾',
            'Tuen Mun': '屯门',
            'Wan Chai': '湾仔',
            'Wong Tai Sin': '黄大仙',
            'Yau Tsim Mong': '油尖旺',
            'Yuen Long': '元朗'
          }
        }
      ]
    })
  );
});

Current Behavior

整个地图都是一个颜色

Expected Behavior

visualMap 可以生效

Environment

Chrome

Any additional comments?

No response

echarts-bot[bot] commented 1 year ago

@pengxiaotian It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

**TITLE** After series-map specifies a geoIndex, the visualMap fails

pengxiaotian commented 1 year ago

文档上有写: https://echarts.apache.org/zh/option.html#series-map.geoIndex

helgasoft commented 1 year ago

Short answer looking at your code:
If you want to just change map's itemStyle, you can do it inside the map series instead of geo.

The longer explanation:
Open this code and do the following experiments:

hit {Run} - both series are visible. Grab a region and drag aside, the geo map for the scatter series shows underneath
disable 'geo' by replacing with 'xgeo', {Run}, the scatter serie becomes invisible (it relies on the geo map)
do the opposite: revert back to 'geo', uncomment line 'geoIndex: 0', {Run}, now the map serie becomes invisible. The geo map is visible but cannot be colored since it has no data.

Conclusion from experiments:
Visualmap-colored series type map should not be linked to geo through geoIndex. Both act as separate maps on their own.

apache / echarts