摘要: 当echarts中既有条形图又有折线图时,legend也有两种: 想实现以下效果改如何配置呢 其实前面两个并没有对legend进行设置,是给series添加了type: 'line'的事件办结率数据后,自动生成的形状。那么我们只需要关心后面的legend形状了。给legend的data属性设置以下参 阅读全文
posted @ 2023-02-15 10:36 我就尝一口 阅读(537) 评论(0) 推荐(0) 编辑
摘要: 在做移动端的项目中,经常会用到选择日期范围的业务需要,vant官方只有弹出框,日期显示的框需要自己写,因此我封装了一个日期显示框和弹出框结合的组件: 其中双向绑定使用到了model属性的运用,通过设置event,组件$emit 这个event名称时,就会把值直接传递给父组件绑定的值,父组件就不需要额 阅读全文
posted @ 2023-02-15 10:29 我就尝一口 阅读(1679) 评论(0) 推荐(0) 编辑
摘要: Leaflet 在添加了区域、点位等图层之后,需要设置图层的优先级,可以通过 pane 来设置。 this.map.createPane('tlop') this.map.getPane('tlop').style.zIndex = 500 const markers = L.layerGroup( 阅读全文
posted @ 2023-02-15 10:19 我就尝一口 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 原本是根据window.resize想实现自适应,发现侧边栏展开与收起时,窗口大小并没有改变,因此不会触发该函数,于是换成监听侧边栏展开收起的状态,来实现 echart图表宽度自适应。 computed: { ...mapGetters(['sidebar']), isCollapse() { re 阅读全文
posted @ 2023-02-15 10:14 我就尝一口 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 在项目开发地图的过程中,有一个geoJson面图数据过大,希望只有刚进入页面获取一次,存放在浏览器的 IndexedDB 数据库中,再次刷新直接从该数据库中拿取数据,节省页面渲染时间,提升用户体验。 let promise = [this.getDetail()] // 获取区域详情数据if (th 阅读全文
posted @ 2023-02-15 10:09 我就尝一口 阅读(87) 评论(0) 推荐(0) 编辑