echart 多种覆盖物 显示优先级

画图有个需求是“同时显示散点和多边形,且多边形在散点之上”,调整series中的顺序并不能使散点显示在多边形下,找了半天发现echart有个参数zlevel可以解决这个问题。

zlevel小的会被大的覆盖,这样series同时显示多种覆盖物时就可以调整显示优先级了。


                        showChart.setOption({
                            series:[
                                {
                                    name: 'scatterInZone',
                                    type: 'scatter',
                                    coordinateSystem: 'bmap',
                                    symbolSize: 5,
                                    data: scatterInZone,
                                    itemStyle:{
                                        normal:{
                                            color:params=>{
                                                return COLOR_ALL[params.data.status + 1];
                                            }
                                        }
                                    },
                                    zlevel:1
                                },
                                {
                                    id: 'fence',
                                    type: 'lines',
                                    coordinateSystem: 'bmap',
                                    smooth: true,
                                    data: fencelines,
                                    polyline: true,
                                    lineStyle: {
                                      color: 'black',
                                      opacity: 0.6,
                                      width: 3
                                    },
                                    zlevel:100
                                }
                            ]
                        });

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值