[英]echarts dataZoom event does not return timestamp but only percentages
[英]echarts 4.3.0 datazoom event not detected
對於具有系列類型圖並啟用漫游的圖表,我無法檢測到 datazoom 事件。 這適用於 eCharts 4.3.0,但我將測試以前的版本,看看它是否是回歸。
傳入的選項:
setup.options = {
title: {
top: 'bottom',
left: 'right'
},
animation: false,
tooltip: {
trigger: 'item',
position: 'right',
confine: true,
backgroundColor: 'transparent',
padding: [40, 0, 0, 0],
enterable: false,
formatter: function(item) {
return 'Click for more';
}
},
series : [
{
name: '###',
type: 'graph',
layout: 'force',
force: {
repulsion: 95,
gravity: 0.015,
edgeLength: 40,
layoutAnimation: false
},
roam: true,
draggable: true,
data: setup.nodes,
links: setup.links,
focusNodeAdjacency: true,
itemStyle: {
normal: {
borderColor: '#fff',
borderWidth: 1,
shadowBlur: 10,
shadowColor: 'rgba(0, 0, 0, 0.3)'
}
},
lineStyle: {
color: 'source',
curveness: 0.3
},
emphasis: {
lineStyle: {
width: 10
}
}
}
]
};
我都試過了:
// Zoom event listener
(viz.chart).on('datazoom', function(e) {
console.log('zoomed');
console.log(e);
});
和:
// Zoom event listener
(viz.chart).on('dataZoom', function(e) {
console.log('zoomed');
console.log(e);
});
我還測試了添加數據縮放工具箱組件,也沒有檢測到縮放事件。
顯然圖形系列類型不支持dataZoom
。 作為替代方案,您可以為graphRoam
附加一個偵聽器。
myChart.on('graphRoam', function(e) {
console.log('zoom');
});
這不會提供有關開始和結束縮放 state 的信息,但它會告訴您是否發生了縮放,以及是否放大或縮小。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.