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 }];

qq_39481716
- 粉丝: 0
最新资源
- 【IOS应用源码】ZeroIB.zip
- 【IOS应用源码】ZKRevealingTableCellView for iOS-1.zip
- 【IOS应用源码】ZKRevealingTableCellView for iOS.zip
- 【IOS应用源码】Zoo.zip
- 【IOS应用源码】贝塞尔曲线demo:一个运动的物体:PathMove for iOS.zip
- 【IOS应用源码】贝塞尔曲线demo:一个运动的物体:PathMove for iOS-1.zip
- 【IOS应用源码】巴黎自行车信息查询软件源码VeloParis100416_1_Distribution_1.1.zip
- 【IOS应用源码】彩色渐变LBGradient for iOS.zip
- 【IOS应用源码】本地化与国际化.zip
- 【IOS应用源码】窗口淡入淡出加视图旋转SwitchView.zip
- 【IOS应用源码】从GIF动画创建一个动态UIImages 对象.zip
- 【IOS应用源码】从上往下拉出现加载view,动态加载内容.zip
- 【IOS应用源码】从头教你不用IB写漂亮的程序 niblesshelloworld.zip
- 【IOS应用源码】从上往下拉动态加载.zip
- 【IOS应用源码】从上往下拉动态加载3.zip
- 【IOS应用源码】从下往下拉进行列表内容动态加载.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈


