WebGIS之ECharts大数据图形可视化
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.6.5 与OpenLayers地图联动的ECharts折线图

在1.6.2节和1.6.3节的基础上,首先创建一个div标签,并将该标签添加到map的div标签中;然后通过Overlay类中的position、positioning、offset来分别设置折线图的位置、对齐方式、偏移量,当Overlay类中的stopEvent为false时,在ECharts图形上滚动、单击、拖动鼠标可以对地图进行缩放,Overlay中的element用于设置需要承载ECharts折线图div的id,即lineChart;最后通过addOverlay方法将ECharts折线图添加到地图容器中,从而实现地图与折线图的联动,如程序代码1-21所示。

程序代码1-21 实现折线图和地图的联动

img
img