漏刻有时Echarts地图三级下钻和散点图使用说明

漏刻有时Echarts地图三级下钻和散点图使用说明

项目说明

基于Echarts开发，使用geo组件进行下钻开发；项目要求做离线访问使用，即需要将geojson数据转化为.js文件；否则，加载.json文件需要通过........默认启动页├─js ........封装函数│ ├─map ........地理数据│ ├─province........各省地理数据├─js ........javascript封装库│ ├─functions.js ........公共函数配置文件│ ├─database.js ........数据文件，具体注释

开发配置

图表配置

lockChart作为全局变量配置，在下钻的过程中或者后续和整个数据大屏进行菜单交互时，方便调用；oBack，返回按钮，全局变量；

//设为全局函数 var lockChart = echarts.init(document.getElementById('mapBox')); var oBack = document.getElementById("back");

返回按钮的操作事件

调用封装函数

// 初始化echarts drillMap("新疆维吾尔自治区", "新疆维吾尔自治区", mapData);

数据配置

/** 省份城市名字拼音映射数组* */var provinces = { "昌吉回族自治州": "changji",}/** 地级市对应区县名字拼音映射数组* */var citys = { "阜康市": "652302",}/** 地图区域颜色* normalColor0 ，正常情况颜色；* normalColor1，故障情况颜色* hoverColor0，正常情况鼠标高亮颜色* hoverColor1，故障情况鼠标高亮颜色* */var normalColor0 = '#0c285b';var normalColor1 = '#9d2537';

@lockdata-

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。