Angular 如何使用echarts收听地图缩放?

Angular 如何使用echarts收听地图缩放?,angular,typescript,echarts,Angular,Typescript,Echarts,我正在使用Echarts和Angular来显示地图 我希望地图可以通过漫游进行缩放:在图表选项中为true,但也希望在缩放足够强时加载不同的地图 例如,如果缩放比例小于150%,我希望显示以区域分隔的国家地图,但如果缩放比例大于150%,我希望加载显示区域内领土的更精细地图 这在echarts有可能吗 我尝试收听鼠标滚动事件,但没有成功:我只有在echarts组件上滚动时才能访问该事件,但在地图上没有。如果我确实在地图上滚动,则会执行缩放,但不会获得任何鼠标滚动事件 有人有办法帮我达到目标吗?谢

我正在使用Echarts和Angular来显示地图

我希望地图可以通过漫游进行缩放:在图表选项中为true,但也希望在缩放足够强时加载不同的地图

例如,如果缩放比例小于150%,我希望显示以区域分隔的国家地图,但如果缩放比例大于150%,我希望加载显示区域内领土的更精细地图

这在echarts有可能吗

我尝试收听鼠标滚动事件,但没有成功:我只有在echarts组件上滚动时才能访问该事件,但在地图上没有。如果我确实在地图上滚动,则会执行缩放,但不会获得任何鼠标滚动事件


有人有办法帮我达到目标吗?谢谢

您应该使用库提供的dataZoom事件来侦听缩放事件

'dataZoom': function(params,charts)
{
   x1Index = params['batch'][0]['startValue']; //start index of data array
   x2Index = params['batch'][0]['endValue']; //end index of data array

   var currentOption = charts.getOption();

   //change charts option (same sintax has the original option you used to create charts
   currentOption['title'] = 'New Title'; //for example

  charts.setOption(currentOption,false); //override the current option. If the second params is true, echarts will tries to merge options but it doesn't work perfectly
}

这真的适用于漫游选项吗?我没有收到任何事件,文档使其看起来像是仅用于工具箱数据缩放操作