1.
2.地图下钻
// 地图下钻
// 注意这里是echarts的实例对象,而不是echarts组件本身。
charts.on('click', ({ name }) => {
if (name === '四川省') {
// 修改option的配置,可以继续自定义
option.geo.zoom = 0.8;
// 就像上面提到的,这里必须要和注册地图时的名字一致
option.geo.map = 'sichuan';
// 注册地图
echarts.registerMap('sichuan', sichuan);
// 重新渲染
charts.setOption(option, true);
}
});
3.最终效果图
欢迎补充,一起进步。