echarts为地图canvas设置淡入

要为 ECharts 地图的 Canvas 设置淡入效果，可以通过设置 `animationDuration` 和 `animationEasing` 属性来实现。具体步骤如下：

1. 在 ECharts 初始化的时候，设置 `animationDuration` 和 `animationEasing` 属性：

var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption({
    animationDuration: 1000, // 设置动画持续时间为 1 秒
    animationEasing: 'cubicOut', // 设置动画缓动效果为 cubicOut
    // 其他配置项
});

2. 在地图数据加载完成后，使用 `dispatchAction` 方法触发地图区域的淡入动画：

myChart.on('mapselectchanged', function(params) {
    myChart.dispatchAction({
        type: 'mapSelect',
        name: params.name // 地图区域的名称
    });
});

3. 在 CSS 文件中定义 `.ec-map-select` 类的样式，这是地图区域淡入动画的类名：

.ec-map-select {
    animation: fadeIn 1s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

这样，当用户点击地图区域时，该区域就会以淡入的效果展现出来。