`
godson_2003
  • 浏览: 19231 次
文章分类
社区版块
存档分类
最新评论

Ext plotr 画曲线图 JSON如何转换?

阅读更多
这个是Action返回的Json字符串
({'results':[
{'name':'铜','list':[
  {'date':'2008-01','value':'1'},
  {'date':'2008-02','value':'2'},
  {'date':'2008-03','value':'3'}
]},
{'name':'银','list':[
 {'date':'2008-01','value':'2'},
 {'date':'2008-02','value':'4'},
 {'date':'2008-03','value':'6'}
]}]})

这个是plotr中需要定义的格式。
var dataset = {
'铜':[[2008-01, 1], [2008-02, 2], [2008-03, 3]],
'银':[[2008-01, 2], [2008-02, 4], [2008-03, 6]]
};

由JSon到dataset这种格式转换该如何写?
下面是我转换代码,但是有问题:画一条线没有问题,画两条线就不行了,不知道该怎么组合成上面的dataset
var dataset = {};
var ticks = [];
var aa = [];
for (var i=0; i<records.length; i++){   
    for (var j=0; j<records[i].data.list.length; j++){
        ticks[j] = {v:j, label:records[i].data.list[j].date};
        aa[j] = [j,parseFloat(records[i].data.list[j].value)];
    }
    dataset[records[i].data.name] = aa;
}
分享到:
评论
5 楼 godson_2003 2008-03-13  
OK了,感谢楼上
4 楼 stworthy 2008-03-13  
<div class='quote_title'>godson_2003 写道</div><div class='quote_div'>var dataset = {};<br/>var ticks = [];<br/>var aa = [];<br/>for (var i=0; i&lt;records.length; i++){    <br/>    for (var j=0; j&lt;records[i].data.list.length; j++){<br/>        ticks[j] = {v:j, label:records[i].data.list[j].date};<br/>        aa[j] = [j,parseFloat(records[i].data.list[j].value)];<br/>    }<br/>    dataset[records[i].data.name] = aa;<br/>}</div><p> </p><p>把list[j].date改成list[j].data.date,list[j].value改成list[j].data.value试试。</p><p> </p><p>给一段参考代码吧,不过你这个ticks要定义清楚。</p><pre name='code' class='js'>var records = json['results'];

var dataset = {};
var ticks = [];
var aa = [];
for (var i=0; i&lt;records.length; i++){
var name = records[i]['name'];
var list = records[i]['list'];

var aa = [];
var ticks = [];
for (var j=0; j&lt;list.length; j++){
aa[j] = [list[j]['date'],list[j]['value']];
ticks[j] = {v:j, label:list['date']};
}
dataset[name] = aa;
}
</pre> 
3 楼 godson_2003 2008-03-11  
<div class='quote_title'>stworthy 写道</div><div class='quote_div'><p>这是我做过的一段代码,你参考一下吧:</p><pre name='code' class='js'>        var dataset = {};
        var ticks = [];
        var aa = [];
        for (var i=0; i&lt;records.length; i++){
            aa[i] = [i,parseFloat(records[i].data.cost)];
            ticks[i] = {v:i, label:records[i].data.day};
        }
        dataset['帐龄'] = aa;
</pre><p> </p></div><p><br/>我贴的代码里有类似于 您写的这段代码。我主要是想显示多条曲线<br/></p>
2 楼 stworthy 2008-03-11  
<p>这是我做过的一段代码,你参考一下吧:</p><pre name='code' class='js'>        var dataset = {};
        var ticks = [];
        var aa = [];
        for (var i=0; i&lt;records.length; i++){
            aa[i] = [i,parseFloat(records[i].data.cost)];
            ticks[i] = {v:i, label:records[i].data.day};
        }
        dataset['帐龄'] = aa;
</pre><p> </p>
1 楼 godson_2003 2008-03-11  
没有人做过类似的东西么?

相关推荐

    读Ext之十(解析JSON)

    `JSON.parse()`用于将一个JSON字符串转换为JavaScript对象,而`JSON.stringify()`则相反,将JavaScript对象转换为JSON字符串。 在"读Ext之十(解析JSON)"这篇博文中,作者可能详细讨论了在Ext JS框架中如何处理...

    Ext.tree.TreeLoader附带封装的json类

    在本文中,我们将深入探讨`Ext.tree.TreeLoader`与JSON数据在Ext JS框架中的应用。`Ext.tree.TreeLoader`是Ext JS库中的一个组件,它负责加载和解析树形结构的数据,而JSON(JavaScript Object Notation)则是一种轻...

    EXT JSON Sqlserver 分页 全部正常运行

    【EXT JSON Sqlserver 分页 全部正常运行】 在IT领域,这个标题涉及到的是一个使用EXT JS(一种基于JavaScript的富客户端框架)和JSON(JavaScript Object Notation)数据格式,结合SQL Server数据库实现分页功能的...

    AnyFo - Util - Json4Ext:通用ExtJS数据交换处理

    AnyFo - Util - Json4Ext Json4Ext项目背景 在大家开发的系统中,如果程序用ExtJS做表现层,那么就需要使ExtJS开发的界面和后台Java代码中生成的数据交互,一般来说,可以选 择XML格式和Json格式的数据进行交互...

    EXT实例+JSON

    例如,你可以使用`Ext.util.JSON.decode()`方法将JSON字符串转换为JavaScript对象,然后将其加载到EXT的数据存储(如`Ext.data.Store`)中。 EXT实例与JSON的结合使用,通常涉及到以下几个关键步骤: 1. **创建...

    ext-grid+json简单应用

    在EXT-JS和JSON应用中,SQL脚本通常用于服务器端,处理数据的增删改查操作,并将结果转换为JSON格式供EXT-JS Grid使用。 在实际项目中,服务器端可能会使用PHP、Java、Node.js等语言处理SQL查询并返回JSON数据。...

    SSH+EXT如何返回JSON

    ### SSH+EXT如何返回JSON详解 #### 一、概述 在Web开发中,前后端分离是一种常见的架构模式,其中后端主要负责数据处理与逻辑控制,而前端则专注于用户界面的展示。为了实现前后端之间的数据交换,JSON...

    ext json struts 完整无错源码

    EXT JSON Struts 源码分析 EXT 是一个基于 JavaScript 的富客户端开发框架,它提供了丰富的组件库,用于创建互动性极强的 Web 应用。EXT 的设计目标是简化前端开发,提供易于使用的 API 和美观的用户界面。JSON...

    Ext4+JSON+Servlet+Tree构建Web应用框架

    在构建Web应用框架时,"Ext4+JSON+Servlet+Struts2+Ext.tree.Panel+Ext.tab.Panel"的组合提供了一种高效且功能丰富的解决方案。这个框架的核心组件包括Ext4 JavaScript库、JSON数据交换格式、Servlet或Struts2作为...

    使用html标签、jQuery-EasyUI和Ext4分别展示json数据

    在实际应用中,后端可能先通过JDBC从数据库中查询数据,然后将结果转换为JSON格式,最后通过Servlet响应给前端。 综上所述,HTML标签、jQuery-EasyUI和Ext4都是展示JSON数据的有效工具,各有其特点和适用场景。理解...

    ext树 无限级 json 数据格式 动态加载

    本文将深入探讨如何处理无限级JSON数据格式并实现动态加载,以优化EXT树的性能。 首先,我们要理解EXT树的基本结构。EXT树的每个节点都是一个`Ext.tree.Node`对象,包含ID、文本、子节点等属性。无限级树意味着树的...

    ext+struts2+json登陆方法.pdf

    在本案例中,我们看到一个使用Ext JS 2.2进行登录实现的方法,结合了Struts2和JSON来处理用户输入和响应。以下是这个登录方法的详细解释: 1. **依赖库**: - `Commons-logging-1.0.4.jar`: Apache Commons ...

    ext+struts2+json登陆方法借鉴.pdf

    在本示例中,它与Ext JS 2.2集成,利用JSON(JavaScript Object Notation)进行数据交换,实现用户登录功能。以下是这个登录方法的关键知识点: 1. **依赖库**: - `Commons-logging-1.0.4.jar`:Apache Commons ...

    EXT 如何画出页面

    EXT 如何画出页面,主要是js.如果还需要其它,我会整理后上传

    ext tree json 例子(不含EXT包)

    "ext tree json 例子(不含EXT包)"这个标题暗示我们将讨论如何在不直接引用EXT完整包的情况下,仅使用EXT JS中关于TreePanel和JSON解析的部分来构建一个动态的树形结构。这可能涉及到手动引入EXT的核心组件,如...

    json-ext:一组扩展JSON使用的实用程序。 专为快速且高效存储而设计

    json-ext 一组扩展JSON使用的实用程序。 专为快速且高效存储而设计 特征: parseChunked() –解析块(例如FS可读流或获取响应流)附带的JSON stringifyStream() –字符串化流(Node.js) stringifyInfo() –在不...

    EXT 上传图片 删除图片,显示图片,PHP

    EXT,全称EXT JS,是一个基于JavaScript的开源UI库,用于构建富客户端的Web应用程序。在EXT中,处理图片上传、删除和显示是一项常见的任务,特别是在构建涉及多媒体内容的Web应用时。本篇文章将深入探讨EXT如何与PHP...

    符合Ext tree的全国城市列表json格式

    在本场景下,它可能用于解析"tree.json"文件,将城市数据转换为适配Ext JS TreePanel的格式,或者包含了用于渲染和操作树形结构的辅助函数。 2. `tree.json` - 如前所述,这是一个包含了全国城市层级结构的JSON文件...

    Ext 中JsonLib 解析字符串

    Ext 中JsonLib 解析字符串 Ext 中JsonLib 解析字符串 Ext 中JsonLib 解析字符串

    JSON.rar_JSON Hibernate_extjs_json struts ext_jsp json extjs_str

    在给定的标题"JSON.rar_JSON Hibernate_extjs_json struts ext_jsp json extjs_str"中,我们可以看出这是一个与JSON相关的项目,可能包含了使用JSON进行数据交换的各种技术集成。JSON在这里可能是作为前后端数据传输...

Global site tag (gtag.js) - Google Analytics