1、现在js文件中引用comp_echarts_map.js文件
2、在html文件中引用该组件模板
例如:
{{comp-echarts-map}}
3、该组件对外参数
/* 接收数据 */
dataSource: null,
/* 设置容器高宽 */
width: null,
heigit: null,
/* 地图距离容器的边距(echarts中配置了自适应不超出画布,并保持地图高宽比,所以以下属性可能会显示中有所差异) */
top:0,
left:0,
right:0,
bottom:0,
/* 接收当前显示地图名称默认是'全国' ('全国','辽宁','北京','广东')*/
mapName: null,
/* 是否需要地图表格组件 默认为true需要 */
needMapTable: true,
4、外部视图调用组件内部方法以及接收组件传递出来的参数
外部视图可调用的方法有两个
//切换地图
changeMap(obj) //参数 var obj={id:-1947138647,name:'辽宁'}
//切换退服率和退服数在气泡上的位置
changeNum(num) //参数 //1--->退服率在上 2---->退服数在上
//点击省级区域后或点击表格的省份后会向父组件抛出函数 'getRegionObj' 并带有参数Obj = {id:'',name:''};
例如:
父组件html中
{{comp-echarts-map getRegionObj='getRegionObjxxx'}}
父组件js中
actions:{
getRegionObjxxx:function(obj){//接收参数
}
}
5、数据模型
dataSource = [{ "id":1947138647,"name": "辽宁", "level": 1, "numTop": '11.6‰', "numBottom": 999 }, { "id":1947138647,"name": "辽宁", "level": 1, "numTop": '11.6‰', "numBottom": 999 }, { "id":1947138647,"name": "辽宁", "level": 1, "numTop": '11.6‰', "numBottom": 999 }, { "id":1947138647,"name": "辽宁", "level": 1, "numTop": '11.6‰', "numBottom": 999 }];