echarts 地图下钻到省市 代码

下面是一个简单的示例代码，可以实现地图下钻到省市级别。其中需要注意的是，需要准备好对应的地图数据，并在geo组件中配置相应的属性和事件。

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 配置地图数据
var mapData = [
    {name: '北京', value: 100},
    {name: '天津', value: 50},
    {name: '上海', value: 150},
    // 更多省市数据...
];

// 配置geo组件
myChart.setOption({
    tooltip: {
        trigger: 'item',
        formatter: '{b}'
    },
    geo: {
        map: 'china',
        roam: true,
        label: {
            emphasis: {
                show: false
            }
        },
        itemStyle: {
            normal: {
                areaColor: '#323c48',
                borderColor: '#111'
            },
            emphasis: {
                areaColor: '#2a333d'
            }
        },
        regions: mapData, // 配置地图数据
        // 下钻事件
        regionsSelected: {
            label: {
                show: true,
                textStyle: {
                    color: '#fff'
                }
            },
            itemStyle: {
                normal: {
                    areaColor: '#0058a3',
                    borderColor: '#fff'
                }
            },
            callback: function(params) {
                console.log(params.name); // 输出省市名称
            }
        }
    },
    series: []
});

在上面的代码中，我们首先配置了地图数据，然后在geo组件中设置了相应的属性，包括地图类型、漫游、标签样式、地图区域样式等。接着，在`regionsSelected`事件中设置了下钻的回调函数，可以在其中获取到下钻的省市名称。