怎么监听echarts timeline时间轴当前节点
时间: 2023-08-23 21:21:45 浏览: 249
要监听 ECharts 时间轴 `timeline` 当前节点的变化,可以通过 `timeline` 的 `setCurrentIndex` 方法来设置当前节点,然后使用 `timeline` 的 `onchange` 事件监听节点变化。具体实现方式如下:
```javascript
// 获取 ECharts 实例
var myChart = echarts.init(document.getElementById('myChart'));
// 配置 timeline
option = {
baseOption: {
timeline: {
// ...
currentIndex: 0, // 初始节点索引
data: ['2019', '2020', '2021'], // 时间节点数据
},
// ...
},
// ...
};
// 设置当前节点
myChart.dispatchAction({
type: 'timelineChange',
currentIndex: 1 // 设置为第二个节点
});
// 监听节点变化
myChart.on('timelinechanged', function(params) {
console.log(params.currentIndex); // 当前节点索引
});
```
这段代码会将时间轴设置为第二个节点,并在节点变化时打印当前节点索引。
阅读全文