Echarts map地图中需要的JSON 数据格式

var initData1 = [
    { "name": "安徽", "value": 244 },
    { "name": "北京", "value": 5019 },
    { "name": "福建", "value": 120 },
    { "name": "甘肃", "value": 75 },
    { "name": "广东", "value": 633 },
    { "name": "广西", "value": 52 },
    { "name": "贵州", "value": 42 },
    { "name": "海南", "value": 30 },
    { "name": "河北", "value": 115 },
    { "name": "河南", "value": 166 },
    { "name": "黑龙江", "value": 310 },
    { "name": "湖北", "value": 741 },
    { "name": "湖南", "value": 398 },
    { "name": "吉林", "value": 241 },
    { "name": "江西", "value": 54 },
    { "name": "辽宁", "value": 521 },
    { "name": "内蒙古", "value": 38 },
    { "name": "江苏", "value": 865 },
    { "name": "宁夏", "value": 21 },
    { "name": "青海", "value": 50 },
    { "name": "山东", "value": 716 },
    { "name": "山西", "value": 76 },
    { "name": "陕西", "value": 533 },
    { "name": "上海", "value": 1520 },
    { "name": "四川", "value": 414 },
    { "name": "天津", "value": 403 },
    { "name": "西藏", "value": 6 },
    { "name": "香港", "value": 1 },
    { "name": "新疆", "value": 63 },
    { "name": "云南", "value": 66 },
    { "name": "浙江", "value": 658 },
    { "name": "重庆", "value": 186 }
];
var initData = [
        { name: ‘北京‘, value: Math.round(Math.random() * 1000) },
        { name: ‘天津‘, value: Math.round(Math.random() * 1000) },
        { name: ‘上海‘, value: Math.round(Math.random() * 1000) },
        { name: ‘重庆‘, value: Math.round(Math.random() * 1000) },
        { name: ‘河北‘, value: Math.round(Math.random() * 1000) },
        { name: ‘河南‘, value: Math.round(Math.random() * 1000) },
        { name: ‘云南‘, value: Math.round(Math.random() * 1000) },
        { name: ‘辽宁‘, value: Math.round(Math.random() * 1000) },
        { name: ‘黑龙江‘, value: Math.round(Math.random() * 1000) },
        { name: ‘湖南‘, value: Math.round(Math.random() * 1000) },
        { name: ‘安徽‘, value: Math.round(Math.random() * 1000) },
        { name: ‘山东‘, value: Math.round(Math.random() * 1000) },
        { name: ‘新疆‘, value: Math.round(Math.random() * 1000) },
        { name: ‘江苏‘, value: Math.round(Math.random() * 1000) },
        { name: ‘浙江‘, value: Math.round(Math.random() * 1000) },
        { name: ‘江西‘, value: Math.round(Math.random() * 1000) },
        { name: ‘湖北‘, value: Math.round(Math.random() * 1000) },
        { name: ‘广西‘, value: Math.round(Math.random() * 1000) },
        { name: ‘甘肃‘, value: Math.round(Math.random() * 1000) },
        { name: ‘山西‘, value: Math.round(Math.random() * 1000) },
        { name: ‘内蒙古‘, value: Math.round(Math.random() * 1000) },
        { name: ‘陕西‘, value: Math.round(Math.random() * 1000) },
        { name: ‘吉林‘, value: Math.round(Math.random() * 1000) },
        { name: ‘福建‘, value: Math.round(Math.random() * 1000) },
        { name: ‘贵州‘, value: Math.round(Math.random() * 1000) },
        { name: ‘广东‘, value: Math.round(Math.random() * 1000) },
        { name: ‘青海‘, value: Math.round(Math.random() * 1000) },
        { name: ‘西藏‘, value: Math.round(Math.random() * 1000) },
        { name: ‘四川‘, value: Math.round(Math.random() * 1000) },
        { name: ‘宁夏‘, value: Math.round(Math.random() * 1000) },
        { name: ‘海南‘, value: Math.round(Math.random() * 1000) },
        { name: ‘台湾‘, value: Math.round(Math.random() * 1000) },
        { name: ‘香港‘, value: Math.round(Math.random() * 1000) },
        { name: ‘澳门‘, value: Math.round(Math.random() * 1000) }
];

上面两个都是JSON格式的数据。  上次做Echarts  map 时吧第二个数据传递过去就对。但传递第一个  就错误 。开始还因为是数据格式的问题。

其实是

你传递的JSON 中的name 必须和map地图上的名称保持一致。否则。地图 将不能识别到你给它传递的数据。

时间: 2024-10-27 05:44:02

Echarts map地图中需要的JSON 数据格式的相关文章

echarts Map(地图) 不同颜色区块显示

echarts Map(地图) 不同区块显示 这里以重庆地图为例 配置项: var option = { title : { text: '重庆市', subtext: '', x:'left' }, tooltip : { trigger: 'item', formatter: '{b}', itemSize:'14px' }, legend: { orient: 'vertical', x:'center', data:['重庆市区县'] }, dataRange: { x: 'left',

百度地图中热力图使用中json数据转换与构造出现了问题——记录下JSON使用的问题

问题出现的原因,参考百度地图中提供的热力图功能,并通过自己的数据进行热力图的构建,为此,在json对象的构造时,出现了问题,导致热力图一直显示不出来.由于自己的js语法了解不是很多,在问题的定位上花了不少时间,最后定位到自己构造的json对象有些问题.就开始查看解决办法. 问题的解决参考:http://blog.csdn.net/henren555/article/details/38645125 从服务器获取数据时往往不止一个对象,这就需要用到对象数组,JS中对象数组可以用 [] 来定义,如下

Echarts Map地图类型使用

使用的时候出现了一个BUG, China地图的底色没有绘制出来,现在把一个小的DEMO给大家,以供参考,并附上参考文章(http://blog.csdn.net/danielinbiti/article/details/44851781),祝好. <!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts</title> </head> <body

echarts地图中城市与省份之间的切换

在使用echarts地图中,可能会用到显示各省份的数据和显示各城市的数据.综合了这两种的配置项,只需传四个参数即可完成对这两种模式的切换. 下面就是配置项代码: //地图配置 //mapData:图表所需数据:mapType:地图模式或散点图模式(即按省份显示数据或按城市显示数据) //minValue:视觉映射组件最小值:maxValue:视觉映射最大值 function _setMap(mapData, mapType, minValue, maxValue) { var option =

struts2、servlet中返回json数据格式

json数据格式在现在的web开发中应用的是非常多的,基本上现在都用json在前后传数据.那么在struts和servlet中这么返回json格式呢?JSON数据在传递过程中,其实就是传递一个普通的符合JSON语法格式的字符串而已,所谓的"JSON对象"是指对这个JSON字符串解析和包装后的结果,所以我们要做的就是构造一个满足JSON格式的字符串就好了,这是原理切记切记啊,下面我已代码的方式演示几种方法. 需求:我们从前端输入用户名+密码,后端以json格式返回用户名+密码,前端ale

数据视化Echarts+百度地图API实现市县区级下钻

开始 这两天公司有个页面需要做数据可视化的展示,数据视化采用的是Echarts+百度地图API做展示,需要用到县级区级下钻的一个联动效果发现网上关于Echarts做到县区级下钻的资料很少,有的话也不是很详细,对于刚接触Echarts的让人来说可能有些搞不明白,在这里我把Echarts下钻开发过程中总结的知识分享给大家,也能使自己加深印象,当然啦,对于一些在软件行业折腾了几年的老油条来说,这些都是一些非常基础的东西.但是还是希望能帮助到那些刚接触Echarts遇到类似问题需要帮助的人.如果哪里写的

echarts合并地图,把中国各个省份分成&#39;华北&#39;,&#39;东北&#39;,&#39;华东&#39;,&#39;华中&#39;,&#39;华南&#39;,&#39;西南&#39;,&#39;西北&#39;七个大区

最近公司有个需求是按照大区,即把中国分成华北','东北','华东','华中','华南','西南','西北'七个大区, 但是echarts地图只有省市,还没有大区,只能自己网上找资料再按需求写了 echarts地图合并关键点是把coordinates和encodeOffsets合并,而且这两个必须都合并,且最多只能合并到二维数组,合并到三维数组就不行了. 实例结果截图 代码: <!DOCTYPE html> <html lang="zh"> <head>

Ajax(三) — json 数据格式

为什么,学习json? 现在异构系统之间消息传递大多数的使用的都是json格式 比如 WebService 基于XML,因为要遵循多种约束,所以传递数据比较麻烦,而且在高并发的情况下,传递数据很慢.而阿里的 Dubbo 分布式服务框架(仅限于Java平台使用)的效率就非常非常高 JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包.

echarts在.Net中使用实例(二) 使用ajax动态加载数据

前一篇文章链接:echarts在.Net中使用实例(一) 简单的Demo 通过上一篇文章可以知道和echarts参考手册可知,series字段就是用来存储我们显示的数据,所以我们只需要用ajax来获取series的值就可以. option 名称 描述 {color}backgroundColor 全图默认背景,(详见backgroundColor),支持rgba,默认为无,透明 {Array} color 数值系列的颜色列表,(详见color),可配数组,eg:['#87cefa', 'rgba