option = {
timeline: {
data: ['2010', '2011', '2012', '2013', '2014', '2015'],
autoPlay: true,
playInterval: 1000, // 自动播放间隔时间,单位为毫秒
loop: true, // 是否循环播放
currentIndex: 0 // 当前播放到的时间点索引
// 其他 timeline 配置项...
},
series: [
{
type: 'bar',
data: [10, 20, 15, 25, 30, 18],
// 其他 series 配置项...
}
],
// 其他配置项...
};
在上面的例子中,timeline 配置项中的 data 属性定义了时间轴上的各个时间点。autoPlay 设置为 true 表示自动播放,playInterval 定义了自动播放的间隔时间,单位为毫秒。loop 设置为 true 表示循环播放。currentIndex 定义了当前播放到的时间点索引。
series 中的数据会根据时间轴的变化而切换,可以根据实际需求调整不同时间点的数据和其他系列配置项。
上述是一个简单的时间轴配置示例,你可以根据你的实际需求进一步定制,例如添加更多时间点,更多图表系列,以及调整时间轴的样式等。在 ECharts 的官方文档中,你可以找到更详细的配置选项和示例:[ECharts Timeline](https://echarts.apache.org/examples/en/editor.html?c=scatter-nutrients)。
转载请注明出处:http://www.zyzy.cn/article/detail/5370/ECharts