处理对象中的数据

在用echart地图时,看到地图坐标数据,数据的格式是这样的{“徐州”:[lng,lat],....},一时不知道咋处理,数组的话还有点头绪,一看对象顿时懵了。不说废话,先上代码

     var person ={};
        var strArr=["a","b"];
        person[‘abc‘] = "aasdf";
        for (var index = 0; index <= strArr.length; index++) {
            person[strArr[index]]=[index,index+1];
        }

        for(var item in person)
        {
            console.log(person[item]);
        }//返回的数据格式是{“a”:[0,1],"b":[1,2],"abc":[2,3]}

angular中

$http.get("CityJDWD").success(function(data){    $scope.value=[];    var name=[];    var location=[];    var geo={};    angular.forEach(data,function(value){        $scope.value.push({name:value.jwpp,value:value.cs})    });    angular.forEach(data,function(value){        name.push(value.jwpp)    });    angular.forEach(data,function(value){        location.push([value.lng,value.lat])    });    for (var index = 0; index <= name.length; index++) {        geo[name[index]]=location[index];    }    var myChart2 = echarts.init(document.getElementById(‘chart4‘));

option = {        title : {            text: ‘vpn使用用户全国分布‘,            x:‘center‘        },        tooltip : {            trigger: ‘item‘        },        dataRange: {            min : 0,            max : 500,            calculable : true,            color: [‘maroon‘,‘purple‘,‘red‘,‘orange‘,‘yellow‘,‘lightgreen‘]        },        series : [            {                name: ‘用户访问量‘,                type: ‘map‘,                mapType: ‘china‘,                hoverable: true,                roam:false,                data : $scope.value,                itemStyle:{                    normal:{label:{show:true}},                    emphasis:{label:{show:true}}                },                markPoint : {                    symbolSize: 5,       // 标注大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2                    itemStyle: {                        normal: {                            borderColor: ‘#87cefa‘,                            borderWidth: 1,            // 标注边线线宽,单位px,默认为1                            label: {                                show: false                            }                        },                        emphasis: {                            borderColor: ‘#1e90ff‘,                            borderWidth: 5,                            label: {                                show: true                            }                        }                    },                     data : $scope.value                },                 geoCoord: geo            },            {                name: ‘Top5‘,                type: ‘map‘,                mapType: ‘china‘,                data:[],                markPoint : {                    symbol:‘emptyCircle‘,                    symbolSize : function (v){                        return 10 + v/100                    },                    effect : {                        show: true,                        shadowBlur : 0                    },                    itemStyle:{                        normal:{                            label:{show:false}                        }                    },                    data : [                        {name: "吴中", value: 1210},                        {name: "张家港", value: 194},                        {name: "姑苏", value: 229},                        {name: "鼓楼", value: 273},                        {name: "安庆", value: 279}                    ]                }            }        ]    };

myChart2.setOption(option);

})

完成了echart中地图的所有数据
时间: 2024-10-05 10:26:21

处理对象中的数据的相关文章

.NET中利用反射来实现自动映射两个对象中的数据成员

在以前的项目开发之中,经常会遇到这样一个问题:比如在外面项目的架构设计之中,我们采用MVC和EntityFramework来构建一个Web应用程序.比如我们采用常用的多层架构,例如有Presentation层.BusinessLogic层.DataAccess层等,各层之间是相对独立并且职责分明的.比如我们在Presentation层中会定义ViewModel,在DataAccess层中的DbContext部分又会由EntityFramework来自动生成StorageModel,或者叫做Dat

提取json对象中的数据,转化为数组

var xx1 = ["乐谱中的调号为( )调", "写出a自然小调音阶.", "以G为冠音,构写增四.减五音程.", "调式分析.", "将下列乐谱移为C大调.", "正确组合以下乐谱.", "以下乐谱应如何正确组合( )"]; var xx2 = {"0分":{"乐谱中的调号为( )调":"2",&quo

Flexigrid从对象中加载数据

Flexigrid是用来动态加载数据的一种比较好(老)的Jquery表插件,然后有些时候,我们需要其从本地或者jQuery对象中加载数据,比如有这么个需求,页面显示中有两个表格A和B,其中A表格从服务器端加载数据,B表格需要根据用户的操作来动态更新,例如当用户勾选住A表格的某些项时,B表格就把这些项显示在其中.对于这么个请求,可以如下解决: 1)建立一个Jquery对象C,用于保存B表格的信息: 2)当用户选择A表格中的某些项时,C更新它所保存的内容: 3)当C的内容发生变化时,B表格更新其显示

应用DataAdapter对象向数据库中添加数据--有问题

private void Form1_Load(object sender, EventArgs e) { string strCon = "Server=localhost;User Id=sa;Pwd=;DataBase=my";//定义数据库连接字符串 SqlConnection sqlcon = new SqlConnection(strCon);//实例化数据库连接对象 SqlDataAdapter sqlda_1 = new SqlDataAdapter("sel

android里单例对象和某些数据被释放的问题

接触正式的android开发已经有一段时间了,项目的第一个版本终于快完成了.有一次自己在测试的时候,把自己的android项目切到后台,同时打开了几个应用之后重新切回到自己的app,发现报错了.经过排查,发现是自己的单例对象中的数据被释放掉了,也就是int变量的值 变成了0,string变量的值变成了null. 我的单例一开始是这样的(举例); public class UserInfo { private static UserInfo userInfo = null; private int

android在单身的对象和一些数据的问题被释放

正式接触android我们一直在开发了一段时间,该项目的第一个版本最终会很快结束. 当有它自己的测试.拥有android后台.同一时候打开了几个应用之后又一次切回到自己的app.发现报错了.经过排查,发现是自己的单例对象中的数据被释放掉了,也就是int变量的值 变成了0,string变量的值变成了null. 我的单例一開始是这种(举例); public class UserInfo { private static UserInfo userInfo = null; private int le

向值栈中存放数据与从值栈中读取数据

一.set方法方式 1.使用set方法存数据 public class GetValueStackAction extends ActionSupport{ //使用值栈的get方法往值栈中存数据 public String execute(){ //1获取ActionContext对象 ActionContext ctx = ActionContext.getContext(); //2.获取ValueStack对象 ValueStack vs =ctx.getValueStack(); /*

论Scrapy中的数据持久化

引入 Scrapy的数据持久化,主要包括存储到数据库.文件以及内置数据存储. 那我们今天就来讲讲如何把Scrapy中的数据存储到数据库和文件当中. 终端指令存储 保证爬虫文件的parse方法中有可迭代类型对象(通常为列表or字典)的返回,该返回值可以通过终端指令的形式写入指定格式的文件中进行持久化操作. # 执行输出指定格式进行存储:将爬取到的数据写入不同格式的文件中进行存储 scrapy crawl 爬虫名称 -o xxx.json # 存为json文件 scrapy crawl 爬虫名称 -

Java之Object对象中的wait()和notifyAll()用法

用一个例子来说明Object对象中的wait方法和notifyAll方法的使用. 首先定义一个消息类,用于封装数据,以供读写线程进行操作: 1 /** 2 * 消息 3 * 4 * @author syj 5 */ 6 public class Message { 7 8 private String msg; 9 10 public String getMsg() { 11 return msg; 12 } 13 14 public void setMsg(String msg) { 15 t