`
fming09
  • 浏览: 61245 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext chart读xml数据

    博客分类:
  • Ext
阅读更多

一定要加type: 'int',否则不显示

var store = new Ext.data.XmlStore({         
      url: 'test1.xml', 
      record: 'test',
      fields:[{name:'name'},{name:'members', type:'int'}]
});
store.load();

 柱状:

var columnChart = new Ext.chart.ColumnChart({   
    store: store,   
    //url:'../ext-3.0-rc1/resources/charts.swf',   
    xField: 'framework',   
    yField: 'users'  
});  

 饼状:

var pieChart = new Ext.chart.PieChart({   
    store: store,   
    dataField: 'users', //information to display in the chart   
    categoryField : 'framework' //tags or categories   
});  

 线状:

var lineChart = new Ext.chart.LineChart({   
    store: store,   
    xField: 'framework',   
    yField: 'users'  
});  
 
分享到:
评论

相关推荐

    在ext中使用fusionChart时文件

    EXT是一个强大的JavaScript库,用于构建数据驱动的富客户端应用,而FusionCharts则是一款功能丰富的图表组件,支持多种图表类型,如柱状图、饼图、线图等。下面我们将详细探讨如何在EXT中使用FusionChart以及这些...

    ext4.0生成图形报表(柱形、折线、饼状)

    在处理数据时,EXT4.0支持多种数据源,可以是JSON对象数组、CSV或XML格式。数据通常通过`store`对象加载,然后绑定到图表的系列。`store`对象可以监听数据变化,并自动更新图表。 在实际开发中,为了使图形报表更加...

    Ext 中文 API 和 ext js例子

    例如,你可能会在文档中找到关于`Ext.Panel`(面板)、`Ext.grid.GridPanel`(数据网格)和`Ext.chart.Chart`(图表)的详细信息。 "sample.chm"文件可能包含了一些Ext JS的实际示例代码,这些例子通常会展示如何在...

    flex chart explorer

    1. "LineChart结合xml实例-flex图表chart组件教程":这是一个关于如何使用Flex创建线图并与XML数据结合的实例教程。线图是一种常用来展示趋势和变化的图表类型,通过XML数据可以动态地更新图表内容。 2. "ria之家-...

    Ext 3.0 中文API CHM

    4. **数据存储**:Ext.data.Store是数据管理的核心,它可以连接到各种数据源,如XML、JSON等,并提供了数据读取、过滤、排序和分页等功能。 5. **Ajax和SOAP支持**:Ext.Ajax模块提供了异步请求处理,支持...

    Ext3.2中文API

    Store可以与各种数据源进行交互,如JSON、XML,甚至远程服务器。同时,Store与Grid、Form等组件之间实现双向数据绑定,使得数据操作更加便捷。 4. **事件模型**:Ext3.2的事件模型允许组件之间通过事件进行通信。...

    Ext3.2中文API文档

    4. **Ajax处理**:Ext的Ajax接口简化了异步请求,支持JSON、XML等多种数据格式,以及错误处理和回调函数。 5. **表单组件和验证**:Ext提供了各种表单元素和验证机制,可以创建复杂的表单并处理用户输入。 6. **...

    Ext Js权威指南(.zip.001

    7.6.2 读取xml数据 / 378 7.6.3 store的数据操作 / 379 7.7 本章小结 / 384 第8章 模板与组件基础 / 385 8.1 模板 / 385 8.1.1 模板概述 / 385 8.1.2 ext.template的创建与编译 / 385 8.1.3 格式化输出数据...

    sencha touch2 ajax 获取数据

    在Sencha Touch2中,`Ext.data.Store`是一个核心的概念,用于管理应用程序中的数据。在给定的部分代码中,我们可以看到一个名为`renderListData`的方法,它负责初始化和配置一个`Store`对象,用于处理数据的加载和...

    关于EJB3和ExtJs的实例

    例如,`Ext.grid.Panel`用于展示数据网格,`Ext.form.FieldSet`用于创建表单字段组,而`Ext.chart.Chart`则用于绘制动态图表。 在这个“学生信息管理”的例子中,EJB3可能被用来实现后台的数据存储和处理逻辑。学生...

    ExtJs双折线图

    在Ext Js中,数据通常由`Ext.data.Store`管理,它可以与各种后端数据源(如JSON、XML或CSV)进行交互。`store`对象需要配置`fields`属性来定义数据模型,以及`proxy`属性来指定数据获取方式。例如: ```javascript ...

    fusioncharts钻取功能总结

    通过上述介绍,我们可以看到FusionCharts提供了灵活多样的钻取功能配置选项,无论是在JSON还是XML格式的数据源中都可以轻松实现。合理利用这些配置,可以帮助开发者构建更加丰富和交互性强的图表应用。

    jqgrid资料

    Ext.create('Ext.chart.Chart', { id: 'bt', renderTo: Ext.getBody(), width: document.body.clientWidth, height: document.body.clientHeight, store: store, animate: true, legend: { position: '...

    extjs3.0API查询文档

    8. **图表和图形**:通过Ext.chart包,开发者可以创建丰富的图表和图形,如饼图、柱状图、线图等,用于数据可视化。 9. **拖放功能**:ExtJS 3.0支持拖放操作,可以轻松实现组件之间的拖放行为,增加应用的交互性。...

    Schema Docs ExtJS 4.0

    Ext.data包包含了模型(Model)、存储(Store)和代理(Proxy)等机制,用于处理数据的获取、存储和同步,支持多种数据源如JSON、XML、Ajax等。 10. **图表和可视化**: Ext.chart包提供了丰富的图表组件,支持...

    ExtJS3总结内容

    - `chartcomponents`: `chart`, `barchart`, `cartesianchart`, `columnchart`, `linechart` ##### xtype的使用场景 `xtype`在创建组件时作为配置参数传递,例如: ```javascript var button = new Ext.Button({ ...

    一个非常好的用extjs开发的股票信息显示的例子

    ExtJS的图表组件(Ext.chart)是其强大功能之一,可以用于创建各种动态数据可视化图表,如折线图、柱状图、饼图等。在这个股票信息显示的例子中,很可能使用了柱状图或折线图来呈现股票的价格走势。通过绑定数据源,...

    Ext+dwr+Hibernate+struts进销存管理系统终于完工(含源码)

    例如,使用GridPanel展示库存商品信息,FormPanel处理数据输入,TreePanel组织层级结构如供应商分类,以及Chart组件进行数据分析可视化。 **DWR:实时Web通信工具** Direct Web Remoting (DWR) 是一种允许...

    highcharts-图表导出到word 代码.docx

    3. `xml-apis-ext` 和 `xercesImpl`:这两个库提供了XML处理的API,用于解析和操作XML数据。 接下来,我们关注客户端(前端)的部分,这里是ExtJS的代码。在ExtJS应用中,你可能有一个名为`sendRecord`的数组,包含...

Global site tag (gtag.js) - Google Analytics