Js拼接Json供echarts的地图使用

需求:使用Echarts的地图显示数据时，后端传过来的数据格式，与期望的不同，需要重新拼接Json。

需要这样样子的数据格式

maps_data = {"max": 2936,"data": [{"value": 695,"name": "陕西"},   {"value": 1914,"name": "福建"}, {"value": 298,"name": "内蒙古"}, {"value": 2582,"name": "山东"}, ],"min": 3};

后端传过来的是这个样子，为什么不能一步到位~

[{client_num: 12,city_name: "新疆维吾尔自治区"
}, {client_num: 17,city_name: "上海市"
}, {client_num: 1,city_name: "河南省"
}, {client_num: 3,city_name: "北京市"
}, {client_num: 17,city_name: "台湾省"
}]

于是，开始写Js代码~
水平有限，仅能实现功能~

var arr = [{client_num: 12, city_name: "新疆维吾尔自治区"},{client_num: 17, city_name: "上海市"},{client_num: 1, city_name: "河南省"},{client_num: 3, city_name: "北京市"},{client_num: 17, city_name: "台湾省"}];//拼接data
data = []
for(var i=0;i<arr.length;i++){item = arr[i]data.push({"value":item.client_num,"name": item.city_name})
}//找最大最小值min,max
list = []
for(var i=0;i<data.length;i++){console.log(data[i])list.push(data[i].value)
}list.sort(function(a,b){return a-b
})
var min = list[0]
var max = list[list.length-1]//拼maps_data
maps_data = []maps_data["max"] = max
maps_data["data"] = data
maps_data["min"] = min

Js拼接Json供echarts的地图使用相关推荐

前端js拼接Json串
前端js拼接json串示例1:数组里面含对象 <script> var params = [];for(var i = 0; i < 3; i++){var param = []; ...
前端js拼接Json字符串
示例1:数组里面含对象 <script> var params = [];for(var i = 0; i < 3; i++){var param = [];param.push(& ...
js拼接json格式数据
function getChangedRuleKeys() {var ruleId = $("#hiddenId").val();var ruleName = $("in ...
echarts国内各省份地图js/json文件，全球地图js文件/汉化，字符云js文件
echarts国内各省份地图js/json文件,全球地图js文件/汉化,字符云js文件下载链接世界地图中国地图国内各省份地图字符云下载链接 https://github.com/FuHan ...
vue echarts 中国地图省级联动+散点图（各省json文件及china.js）
最近用echarts 做个散点图,且省级联动,效果图如下: 1.安装echarts cnpm install echarts --save 2.引入echarts.中国地图及省份地图json impo ...
echarts地图罗平县的json_Echarts全国省市区县地图数据文件（含js及json)
[实例简介] Echarts全国省市区县地图数据文件(含js及json两种数据格式) [实例截图] [核心代码] Echarts全国省市区县地图数据文件(含js及json) └── Echarts全国 ...
echarts地图罗平县的json_echarts全国各省、市、区县地图JS、JSON
[实例简介] 最全的echarts全国各省市地图JS及JSON脚本,现在官网下载不了了... [实例截图] [核心代码] echarts全国各省市地图JS.JSON ├── mapdata-js │ ...
基于Echarts+百度地图+Three.js的数据可视化系统
上周重构项目数据统计部分写了几篇echarts相关的文章,重构的后台前端框架改用Vue,关于Vue中引用Echarts及可能遇到的问题的文章如下所示: VUE中使用Echarts图表 VUE父组件异步 ...
echarts 中国地图(带南海诸岛) 及各省份地图json文件
各省份.区域的地图json文件可以去 http://datav.aliyun.com/tools/atlas 找,能下载. 中国地图(带南海诸岛) 上代码 <template><di ...
武汉地图json文件_echarts各省市地图js和json文件
[实例简介] echarts使用的全国各省市地图js和json文件,此文件用于echarts实现地图展示包含css样式 [实例截图] [核心代码] map └── map ├── js │ ├── ...

Js拼接Json供echarts的地图使用

需求:使用Echarts的地图显示数据时，后端传过来的数据格式，与期望的不同，需要重新拼接Json。

Js拼接Json供echarts的地图使用相关推荐

最新文章

热门文章