![WebGIS之ECharts大数据图形可视化](https://wfqqreader-1252317822.image.myqcloud.com/cover/350/44819350/b_44819350.jpg)
上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](https://epubservercos.yuewen.com/646D32/23949922509623906/epubprivate/OEBPS/Images/txt001_36.jpg?sign=1739298492-UoyRyX70xyJx3Sm7g7vropEehQyDLhEN-0-2601705ce3d8f2b0910f1c510ea09768)