Javascript 未检测到echarts 4.3.0数据缩放事件
我无法检测到datazoom事件,因为对于具有序列类型图形的图表,已启用roam。这是针对eCharts 4.3.0的,但我将测试以前的版本,看看它是否是一种回归 传入的选项:Javascript 未检测到echarts 4.3.0数据缩放事件,javascript,zooming,echarts,Javascript,Zooming,Echarts,我无法检测到datazoom事件,因为对于具有序列类型图形的图表,已启用roam。这是针对eCharts 4.3.0的,但我将测试以前的版本,看看它是否是一种回归 传入的选项: setup.options = { title: { top: 'bottom', left: 'right' }, animation: false, tooltip: { trigger: 'item', position: 'right', confine:
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);
});
以及:
我还测试了添加datazoom工具箱组件,也没有检测到该组件的缩放事件 显然,图形系列类型不支持
dataZoom
,您可以为graphRoam
附加侦听器
myChart.on('graphRoam', function(e) {
console.log('zoom');
});
这不会提供有关开始和结束缩放状态的信息,但会告诉您是否发生了缩放,以及缩放是放大还是缩小 显然,图形系列类型不支持
dataZoom
,您可以为graphRoam
附加侦听器
myChart.on('graphRoam', function(e) {
console.log('zoom');
});
这不会提供有关开始和结束缩放状态的信息,但会告诉您是否发生了缩放,以及缩放是放大还是缩小