time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > WEB工具 > FusionCharts > FusionCharts入门

FusionCharts入门

时间:2009-07-25 13:20 点击:11556次 字体:[ ]




在使用FusionCharts前所要做的只是拷贝几个SWF文件而已,网上有破解版也有免费版
可以下来,使用FusionCharts,将想要显示的数据转成XML,FusionCharts帮你处理xml数据显示成你需要的flash.

将下载的FusionCharts文件夹放到你的网站目录中,可以查看相关API,

现在来做个实例吧
Java代码
  1. <%@ page contentType="text/html; charset=UTF-8"  import="java.util.*" %>   
  2. <jsp:useBean id ="chart" scope ="page" class="com.gui.chart.FunsionCharts" />   
  3. <HTML>   
  4. <HEAD>   
  5. <TITLE>FusionCharts - Simple Column 3D Chart</TITLE>   
  6. <META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8">   
  7. <META HTTP-EQUIV="Pragma" CONTENT="no-cache">   
  8. <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">   
  9. <META HTTP-EQUIV="Expires" CONTENT="0">   
  10. </HEAD>   
  11. <BODY>   
  12.   
  13. <CENTER>   
  14. <h2>FusionCharts Examples</h2>   
  15. <%   
  16.     StringBuffer sb = new StringBuffer();   
  17.     sb.append("<chart caption='对比图' shownames='1' imageSave='1'"  
  18.         +"imageSaveURL='FusionChartsSave.jsp'  imageSaveDialogFontColor ='cfbbfc'>");   
  19.     sb.append("<categories><category label='资产负债表(%25)' /><category label='负债与所有者权益比率(%25)' />"  
  20.         +"<category label='负债与有形净资产比率(%25)' /></categories>");   
  21.     sb.append("<dataset seriesName='2006' color='F6BD0F' showValues='1'><set value='60.9300' />"  
  22.         +"<set value='30.1900' /><set value='25.4900' /></dataset>");   
  23.     sb.append("<dataset seriesName='2007' color='000000' showValues='1'><set value='68.4200' />"  
  24.         +"<set value='45.8100' /><set value='66.8200' /></dataset>");   
  25.     sb.append("<dataset seriesName='2008' color='8BBA00' showValues='1'><set value='53.34' />"  
  26.         +"<set value='82.22' /><set value='91.21' /></dataset>");   
  27.     sb.append("</chart>");   
  28.     //Create the chart - Column 3D Chart with data from Data/Data.xml   
  29.     //createChartHTML方法可在源码包中查找 Code\JSP\Includes\FusionCharts.jsp   
  30.     String chartHTMLCode=chart.createChartHTML("flash/MSColumn3D.swf""", sb.toString(), "myFirst"600300false);   
  31. %> <%=chartHTMLCode%> <BR>   
  32. <BR>   
  33. </CENTER>   
  34. </BODY>   
  35. </HTML>  


FusionCharts入门_www.fengfly.com

另存图片功能
在<chart caption='name' shownames='1' imageSave='1'
imageSaveURL='FusionChartsSave.jsp' >
好像不支持jdk 1.3,
除了jsp方式另存,还有其他方式可供参考
具体可以看ImageSaving目录中的源码


在FusionCharts 里,如果要在图形里用到一些特殊的字符,你就要对它进行编码,否则就无法显示。

欧元符号
在FusionCharts 里显示“€”,你需要用“%80”来替换它。
上面的代码会在数字前面都加上“€”。

英镑符号
在FusionCharts里显示“£”,你需要用“%A3”来替换它。

人民币符号
在FusionCharts 里显示“¥”,你需要用“%A5”来替换它。 


分符号
在FusionCharts里显示“¢”,你需要用“%A2”来替换它.


百分号符号
在FusionCharts里显示“%”,你需要用“%25”来替换它。


&符号
在FusionCharts 里显示“&”,你需要用“&amp;”来替换它。


>符号
在要用“&gt;”来替换它。如下:


单引号符号
在FusionCharts 里显示“'”,你需要用“&apos;”来替换它。如下:
<graph decimalPrecision='0' >  
   <set name='John&apos;s Count' value='420' color='AFD8F8' />  
   <set name='Mary&apos;s Count' value='295' color='F6BD0F' />  
   <set name='Tom&apos;s Count' value='523' color='8BBA00' />  
</graph> 

上面的代码显示为“John's Count”。
如果你想要显示双引号,直接使用就可以了,前提是你的属性值是用单引号括起来的。如果你的属性值是用双引号括起来的,你要显示单引号,也可以直接使用,而不必用“&apos;”来替换它



本文地址 : http://www.fengfly.com/plus/view-61423-1.html
标签: 入门 FusionCharts
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:
本栏分类