Question

我正在使用带有Angular的Echarts来显示地图。

我希望地图可以缩放（在图表选项中用roaming: true完成），而且还希望在缩放程度足够大时加载其他地图。

例如，如果缩放比例小于150％，我想显示按区域划分的我的国家的地图，但是如果缩放比例大于150％，我想加载更精细的地图显示区域内的领土。

echarts可以吗？

我尝试听鼠标滚动事件，但没有成功：仅当我在echarts component 上滚动但在地图上不滚动时，我才可以访问该事件。 >。如果我确实在地图上滚动，则会执行缩放，但是没有任何鼠标滚动事件。

有人可以通过变通办法来实现我的目标吗？谢谢！

Answer 1

您应该使用库提供的dataZoom事件来监听zoom事件。

'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
}

如何使用echarts收听地图缩放？

1 个答案: