echarts 地图轮播

您好！要在 ECharts 中实现地图轮播，可以使用 ECharts 的 dataRange、timeline 和 series-map 组件来实现。下面是一个简单的示例代码：

// 初始化地图容器
var myChart = echarts.init(document.getElementById('mapContainer'));

// 设置地图轮播数据
var mapData = [
  {name: '北京', value: 100},
  {name: '上海', value: 200},
  {name: '广州', value: 300},
  // 其他城市数据...
];

// 设置时间轴数据
var timelineData = ['2010', '2011', '2012', '2013'];

// 设置地图配置项
var option = {
  baseOption: {
    timeline: {
      axisType: 'category',
      autoPlay: true,
      playInterval: 1000, // 播放间隔
      data: timelineData
    },
    series: [
      {
        type: 'map',
        map: 'china',
        roam: true,
        label: {
          show: true,
          formatter: '{b}'
        },
        data: mapData
      }
    ]
  },
  options: []
};

// 根据时间轴数据生成每个年份的地图配置项
for (var i = 0; i < timelineData.length; i++) {
  option.options.push({
    series: [
      {
        data: mapData[i]
      }
    ]
  });
}

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

在上述示例代码中，我们首先创建了一个地图容器，然后设置了地图轮播的数据和时间轴数据。接着，通过设置地图配置项，包括时间轴、地图系列和数据，来实现地图的轮播效果。

请注意，示例代码中的地图数据（mapData）和时间轴数据（timelineData）只是示意用的，请根据您实际的需求进行修改。另外，为了展示更多年份的地图，您可以扩展 timelineData 数组中的时间项，并根据需要添加相应的地图数据。

希望以上信息对您有帮助！如有任何问题，请随时提问。