1.2.2 • Published 2 years ago
shaohua-echartsmap v1.2.2
ShaohuaEchartMap 地图下钻,Echarts地图数据渲染,兼容全端
- 地图下钻
- 基于echart,如果包比较大,可去Echarts官网定制,或者使用分包。
- 重写canvas对象
- 渲染优化
- 全端兼容
安装
npm install shaohua-echartsmap
组件使用
<shaohua-echartsmap
rheight="400"
:datas="datas" // 配置
:mapName='typname' // 地图名称
:mapJson="typjson" // Geojson数据
ref="charts"
mapid="shaohuaEchartsmap" // 配置id
:loading="loading"
></shaohua-echartsmap>
数据更新
updataList(){
let hebei =[
{
name:'廊坊市',value:123
},
{
name:'邢台市',value:123
}
]
this.loading=true;
setTimeout(()=>{
// 模拟接口触发
this.datas=!this.showpopup?all:hebei;
this.loading=false;
// 触发更新
this.$refs.charts.inits()
},300)
}