`
bean-woo
  • 浏览: 135461 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

Gwt FusionCharts简单demo

 
阅读更多

 

package com.appdev.test.client;

 

import com.google.gwt.core.client.EntryPoint;

import com.smartgwt.client.types.Overflow;

import com.smartgwt.client.widgets.layout.HLayout;

import com.smartgwt.client.widgets.layout.VLayout;

 

/**

*EntryPoint 

*/

public class Chart implements EntryPoint {

private VLayout panel;

 

@Override

public void onModuleLoad() {

// TODO Auto-generated method stub

panel = new VLayout();

panel.setSize("900", "700");

panel.setStyleName("crm-ContextArea");

 

panel.setOverflow(Overflow.AUTO);

 

drawFusionCharts(panel);

 

}

 

private void drawFusionCharts(VLayout panel) {

 

FusionChart chart1 = new FusionChart("FCF_Area2D.swf", "400", "350", "Area2D.xml");

 

FusionChart chart2 = new FusionChart("FCF_StackedBar2D.swf", "400","350", "StBar2D.xml");

FusionChart chart3 = new FusionChart("FCF_Doughnut2D.swf", "400", "350","Doughnut2D.xml");

FusionChart chart4 = new FusionChart("FCF_Funnel.swf", "350", "300","Funnel.xml");

 

HLayout northLayout = new HLayout();

northLayout.setHeight("50%");

northLayout.setBackgroundColor("#FFFFFF");

 

northLayout.addMember(chart1);

northLayout.addMember(chart2);

 

HLayout southLayout = new HLayout();

southLayout.setHeight("50%");

southLayout.setBackgroundColor("#FFFFFF");

 

southLayout.addMember(chart3);

southLayout.addMember(chart4);

 

panel.addMember(northLayout);

panel.addMember(southLayout);

panel.draw();

}

 

}



FusionChart类:

package com.appdev.test.client;

import java.util.HashMap;
import com.smartgwt.client.widgets.plugins.Flashlet;

public class FusionChart extends Flashlet {

private static int count = 0;

private String swfId;

public FusionChart(String src, String width, String height, String dataUrl) {
super();

setCodeBase("http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0");
setClassID("clsid:d27cdb6e-ae6d-11cf-96b8-444553540000");
setPluginsPage("http://www.macromedia.com/go/getflashplayer");
swfId = "fusionChartId_" + count;
++count;

setID(swfId);
setName(swfId);
setSrc("charts/fusioncharts/flash/" + src);
setSize(width, height);

HashMap<String, String> hashMap = new HashMap<String, String>();

hashMap.put("id", swfId);
hashMap.put("flashvars", "&id=" + swfId + "&chartWidth=" + width + "&chartHeight=" + height + "&registerWithJS=1"
+ "&debugMode=0" + "&dataURL=" + "charts/fusioncharts/data/" + dataUrl);
setParams(hashMap);

}
}

下载包放于war目录下:(.swf,FusionCharts.js)文件
分享到:
评论
3 楼 mfkxk298 2012-07-17  
bean-woo 写道
mfkxk298 写道
按照你的方法试了,成功了,感谢 。现在就不知道xml文件中的中文问题,你有解决方案没!

在<chart unescapeLinks="0">就可以了

我是根据查询到的数据结果,动态更改XML文件,再生成对应的图表。。不过问题解决了,是把XML文件改成GBK格式的,hashMap.put(&dataUrl改成&dataXML)。不知道你有是否有更好的方式来动态生成图表呀!谢谢你的回复
2 楼 bean-woo 2012-07-16  
mfkxk298 写道
按照你的方法试了,成功了,感谢 。现在就不知道xml文件中的中文问题,你有解决方案没!

在<chart unescapeLinks="0">就可以了
1 楼 mfkxk298 2012-07-13  
按照你的方法试了,成功了,感谢 。现在就不知道xml文件中的中文问题,你有解决方案没!

相关推荐

    gwt_demo.rar_DEMO_gwt_gwt demo_gwt_demo

    这个Demo可能包括一个简单的用户界面,展示如何创建和布局控件,以及如何与服务器进行交互。 6. **学习资源** 为了深入学习GWT,你可以参考官方文档、在线教程、社区论坛以及各种GWT相关的书籍。不断实践和探索,...

    GWT+Spring demo- springgwt_sudoku

    【标题】"GWT+Spring demo- springgwt_sudoku" 涉及的主要知识点是Google Web Toolkit (GWT) 和Spring框架的整合应用。这是一个实际的项目示例,展示了如何将GWT的客户端能力与Spring的服务器端功能相结合,以创建一...

    smartgwt最新版本GWT的DEMO

    5. **异步通信**:GWT的RPC机制使得客户端和服务器之间的通信变得简单,DEMO会展示如何使用ServiceDefTarget和AsyncCallback进行异步请求。 6. **性能优化**:SmartGWT通过延迟加载、分块加载等策略提高了组件加载...

    Gwt 项目Demo

    这个“Gwt 项目Demo”是一个简单的示例,旨在帮助初学者理解GWT的基本概念和工作流程。 在GWT项目中,`myGwtProject`可能是整个项目的主要文件夹,包含了项目的源代码、资源配置和构建脚本等。下面将详细介绍GWT...

    GWTDemo

    标题 "GWTDemo" 暗示我们正在讨论关于Google Web Toolkit (GWT) 的一个演示项目。GWT 是一个开放源代码的Java框架,它允许开发者使用Java语言来编写客户端Web应用程序,然后编译成优化过的JavaScript代码,可以在...

    GWT Demo,GWT学习时的一些小例子

    3. **异步通信 (RPC)**:GWT 支持异步远程过程调用(RPC),使得客户端与服务器之间的通信变得简单而高效。通过XMLHttpRequest,客户端可以发送异步请求到服务器,处理结果后更新UI,提供流畅的用户体验。 4. **...

    GwtDemo helloworld

    在"**GwtDemo helloworld**"这个项目中,我们看到的是一个基于GWT的简单登录示例。通常,这样的示例会展示如何在GWT环境中创建用户界面、处理用户交互以及进行基本的数据验证。在"**Helloworld**"这个子文件中,我们...

    GWT DEMO 增删改查

    这个DEMO是针对GWT的增删改查功能的一个实例,非常适合初学者进行学习和实践。 在Web应用开发中,增删改查(CRUD,Create、Read、Update、Delete)是最基本的操作,几乎所有的数据管理界面都会涉及到这些功能。GWT...

    gwt gxt demo

    标题 "gwt gxt demo" 暗示我们正在探讨一个基于 Google Web Toolkit (GWT) 和 Sencha GXT 的演示项目。GWT 是一个由Google开发的开源框架,允许开发者使用Java语言来编写Web应用,然后编译成优化过的JavaScript代码...

    atmosphere-gwt-demo-1.0.16-sources.jar

    atmosphere-gwt-demo-1.0.16-sources.jar

    atmosphere-gwt-demo-1.0.15-sources.jar

    atmosphere-gwt-demo-1.0.15-sources.jar

    atmosphere-gwt-demo-1.0.14-sources.jar

    atmosphere-gwt-demo-1.0.14-sources.jar

    atmosphere-gwt-demo-1.0.13-sources.jar

    atmosphere-gwt-demo-1.0.13-sources.jar

    atmosphere-gwt-demo-1.0.11-sources.jar

    atmosphere-gwt-demo-1.0.11-sources.jar

    atmosphere-gwt-demo-1.0.10-sources.jar

    atmosphere-gwt-demo-1.0.10-sources.jar

    atmosphere-gwt-demo-1.0.9-sources.jar

    atmosphere-gwt-demo-1.0.9-sources.jar

    atmosphere-gwt-demo-1.0.8-sources.jar

    atmosphere-gwt-demo-1.0.8-sources.jar

    atmosphere-gwt-demo-1.0.7-sources.jar

    atmosphere-gwt-demo-1.0.7-sources.jar

    atmosphere-gwt-demo-1.0.6-sources.jar

    atmosphere-gwt-demo-1.0.6-sources.jar

Global site tag (gtag.js) - Google Analytics