注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

江志祥的博客

可恶的中国银行,信用卡像病毒啊,取消那么难,,,

 
 
 

日志

 
 

[转]FusionCharts+php开发实例  

2012-09-22 22:32:48|  分类: 计算机_yii |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
#本文所有示例均可在FusionCharts\Code\PHP\BasicExample下面找到。
#本文所有示例均采用PHP进行说明。

FusionCharts 毕竟是商业公司开发的,帮助文档做得非常漂亮,E文好的同学可以直接去看
在线文档

准备工作:
第一步:到这里下载FusionCharts,网上可 以搜到FusionCharts V3破解版的。
第二步:将下载的FusionCharts文件夹放到你的网站目录中。其中应该有:
Charts,Code,Contents,Gallery,JSClass 和Index.html。

创建一个如下的XML文档(Data.xml):
<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' decimalPrecision='0' formatNumberScale='0'>
<set name='Jan' value='462' color='AFD8F8' />
<set name='Feb' value='857' color='F6BD0F' />
<set name='Mar' value='671' color='8BBA00' />
<set name='Apr' value='494' color='FF8E46' />
<set name='May' value='761' color='008E8E' />
<set name='Jun' value='960' color='D64646' />
<set name='Jul' value='629' color='8E468E' />
<set name='Aug' value='622' color='588526' />
<set name='Sep' value='376' color='B3AA00' />
<set name='Oct' value='494' color='008ED6' />
<set name='Nov' value='761' color='9D080D' />
<set name='Dec' value='960' color='A186BE' />
</graph>


创 建一个如下的PHP文件(BasicChart.php):
<?php
include("../Includes/FusionCharts.php");
?>
<HTML>
<HEAD>
<TITLE>FusionCharts Free - Simple Column 3D Chart</TITLE> 
</HEAD>
<BODY>
<?php
echo renderChartHTML("../../FusionCharts/FCF-Column3D.swf", "Data/Data.xml", "", "myFirst", 600, 300); 
?>
</BODY>
</HTML>

可以看到,我们需要做的只是包含FusionCharts.php 和调用renderChartHTML函数而已,
renderChartHTML的参数说明如下: 参数 说明 chartSWF SWF文件名,代表我们想生成的图形。FCF_Column3D.swf为3D的柱状图。 strURL XML数据文件的URL。 strXML FusionCharts有两种传递XML数据 的方法,第一种方法是传递已经生成的XML文件的URL,另一种是直接传递包含XML数据流的字符串。这里我们使用的是第一种方法,所以将strXML设 置为“”。 chartId 在HTML中表示我们生成的图表的ID。 chartWidth 图表的宽度 chartHeight 图标的高度 
运行BasicChart.php,你就会在浏览器中看到如下的图表:

[转]FusionCharts+php开发实例 - JiangZX - 江志祥的博客

传递XML数据的 另一种方法
下面说明传递XML数据的另一种方法,这是的PHP文件为:

<?php
include("../Includes/FusionCharts.php");
?>
<HTML>
<HEAD>
<TITLE>FusionCharts - Simple Column 3D Chart using dataXML method</TITLE> 
</HEAD>
<BODY>

<?php
    $strXML = "";
$strXML .= "<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units'
decimalPrecision='0' formatNumberScale='0'>";
$strXML .= "<set name='Jan' value='462' color='AFD8F8' />";
$strXML .= "<set name='Feb' value='857' color='F6BD0F' />";
$strXML .= "<set name='Mar' value='671' color='8BBA00' />";
$strXML .= "<set name='Apr' value='494' color='FF8E46' />";
$strXML .= "<set name='May' value='761' color='008E8E' />";
$strXML .= "<set name='Jun' value='960' color='D64646' />";
$strXML .= "<set name='Jul' value='629' color='8E468E' />";
$strXML .= "<set name='Aug' value='622' color='588526' />";
$strXML .= "<set name='Sep' value='376' color='B3AA00' />";
$strXML .= "<set name='Oct' value='494' color='008ED6' />";
$strXML .= "<set name='Nov' value='761' color='9D080D' />";
$strXML .= "<set name='Dec' value='960' color='A186BE' />";
$strXML .= "</graph>";


echo renderChartHTML("../../FusionCharts/FCF_Column3D.swf", "", $strXML, "myNext", 600, 300);
?>
</BODY>
</HTML>

同样很简单吧?

搞定flash的“Click to activate and use this control”
我们在上面生成的图表在IE上可能会显示成这样,你必须单击之后才能同flash进行交互。
[转]FusionCharts+php开发实例 - JiangZX - 江志祥的博客

由于这个问题 只是发生在直接将flash嵌入HTML的时候。所以最简单的办法就是利用JavaScript来嵌 入flash了。而FusionCharts提供了一个叫做renderChart() 的函数,可以帮助我们非常简单的搞定这个问题。

<?php
include("../Includes/FusionCharts.php");
?>
<HTML>
<HEAD>
<TITLE>FusionCharts - Simple Column 3D Chart</TITLE>
<SCRIPT LANGUAGE="Javascript" SRC="../../FusionCharts/FusionCharts.js"></SCRIPT>
</HEAD>
<BODY>
<?php
echo renderChart("../../FusionCharts/FCF_Column3D.swf", "Data/Data.xml", "", "myFirst", 600, 300, false, false);
?>
</BODY>
</HTML>
  评论这张
 
阅读(810)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017