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

1.6.4 与OpenLayers地图不联动的ECharts折线图

1.6.2节和1.6.3节分别实现了ECharts图形的设置和通过OpenLayers加载地图,这里只需要将ECharts图形样式中z-index的值设置为1,即可将折线图叠加在地图上,从而实现OpenLayers与ECharts的联动,如程序代码1-20所示。

z-index用于设置元素的堆叠顺序,拥有更高堆叠顺序的元素是处于堆叠顺序较低的元素。z-index的默认值为auto,表示堆叠顺序与父元素相等。当z-index的取值为number时,number表示元素的堆叠顺序;当z-index的取值为inherit时,表示继承父元素的z-index值。z-index仅在定位元素时有效(如position取absolute时),元素可采用负的z-index值。

程序代码1-20 设置折线图为叠置层

img