资讯频道 → Web前端
阅读更多

7顶
1踩

Web前端

原创新闻 google chart API 在ext panel容器上的超酷效果

2008-10-14 09:45 by 副主编 QQbyte 评论(6) 有9772人浏览
EXT Google ExtJS

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Aaron Conran开发了一个超炫的Ext扩展，用来捆绑Ext和Google可视化API。

Aaron Conran 写道
为了通过不同的API，同一数据能够显示不同的数据结构，比如一个是grid，另外一个是饼图，我创建了一个扩展：Ext.ux.GVisualizationPanel，开发者能够集成Google可视化API进入Ext JS应用。




例子： 

var countryStore = new Ext.data.SimpleStore({

    fields: [{

        name: 'Country',

        type: 'string'

    },{

 

        name: 'pop',

        type: 'int'

    },{

        name: 'area',

        type: 'int'

    }],

    data: [

        ['CN', 1324, 9640821],       

        ['IN', 1134, 3287263],

        ['US', 304, 9629091],

        ['ID', 232, 1904569],

        ['BR', 187, 8514877]       

    ]

});

var intensityMap = new Ext.ux.GVisualizationPanel({

    id: 'intensityMap',

    visualizationPkg: 'intensitymap',

    title: 'Intensity Map Sample',

    store: countryStore,

    columns: ['Country',{

        dataIndex: 'pop',

        label: 'Population (mil)'

    },{

        dataIndex: 'area',

        label: 'Area (km2)'

    }]

});


详情请看：http://extjs.com/blog/2008/10/13/google-visualization/
来自: ajaxian.com
7
顶
1
踩
评论 共 6 条 请登录后发表评论
6 楼 lococode 2008-11-05 13:33
Pie Chart 很 high
5 楼 soartju 2008-10-15 21:34
不知道google能不能弄个离线的google chart，否则不能用
4 楼 wyunsh5168 2008-10-15 17:00
大家一定要注意了  这个东西如果不能连接互联网就不能用,我刚发布时就用了.
3 楼 orange200310 2008-10-15 10:09
真是好东西，以后做图表又多一个选择了
2 楼 yangtse_ye 2008-10-14 12:48
强大·······
1 楼 lonelyblue 2008-10-14 11:02
google chart api 在ext panel容器上的超酷效果

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • mshtml.dll下载

    mshtml.dll，引用到项目中即可使用。

  • DirectUI简介

    DirectUI介绍及几个DirectUI技术的开发软件

  • 微软DirectUI库：原生应用的视觉盛宴

    微软DirectUI库：原生应用的视觉盛宴 directuiMicrosoft DirectUI Documentation项目地址:https://gitcode.com/gh_mirrors/di/directui 项目介绍 在用户体验至上的今天，一个流畅且引人入胜的界面设计对于任何软件来说都是成功的关键。微软DirectUI图书馆，虽然隐藏于公众视野之外，却是微软自家产品背后的强大推手—...

  • Microsoft.mshtml到底是什么？

    MSHTML到底是什么，现在越来越糊涂了。 Lostinet在结合 MSHTML 与 WebBrowser 生成美观实用的 WinForm 应用程序一文给出的例子中引用的是MSHTML（COM组件） 对此，我在mshtml组件的引用一文中提出可以引用.Net组件Microsoft.mshtml，木野狐对此提出过反对的意见，我还没搞明白呢，今天就遇到了实质的问题： 做的一个小...

  • Winform下的HTMLEditor引用Microsoft.mshtml的注意事项

    最近做了一个winform下的htmleditor,引用了一个Microsoft.mshtml，在本地运行没有问题(有装VS)，但发到测试（没装VS，只有运行库），结果界面不出来了，搞了好久，在网上了些文章，现在整理一下：    以个人本机为例，总结了一下，mshtml的问题处理方式如下：       1. C:\WINDOWS\system32\mshtml.dll 为win32下的调

  • .net中mshtml处理html的方法

    本文介绍一下，.net中mshtml处理html的方法，需要的朋友可以参考一下

  • TWebBrowser 与 MSHTML(5): document 对象的属性、方法、事件纵览

    {IHTMLDocument2 方法:} write //写入 writeln //写入并换行 open //打开一个流，以收集 document.write 或 document.writeln 的输出 close //关闭并输出用 document.open 方

  • html打印功能

       html打印功能，。。1.添加js//打印1function preview1(oper) { if (oper < 10){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域 eprnstr=...

  • html style属性的用法

    style属性提供了一种改变所有HTML元素的样式的通用方法。在 HTML 4 中，有若干的标签和属性是被废弃的。被废弃（Deprecated）的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。应该避免使用下面这些标签和属性：标签描述<center>定义居中的内容。<font> 和 <basefont>定义 HTML 字体。<s&g...

  • 学习Internet Explorer之前需要掌握的一些知识

    学习Internet Explorer编程之前先了解一下MSHTML，IE对HTML语言中的标记（tag）实现了一一对应的对象模型(objectmodel)，由MSHTML.DLL封装。MSHTML是基于COM组件的对象模型，其接口是基于Idispatch。关于MSHTML的介绍请看MSDN文档，中文版可以参考下面的文章。关于MSHTML访问动态HTML(DHTML)对象模型的所有接口以I

Global site tag (gtag.js) - Google Analytics