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