ASP.net 使用(动态的有动画效果的)生成图表工具 Fusion Charts

最新推荐文章于 2015-01-28 10:28:29 发布

原创最新推荐文章于 2015-01-28 10:28:29 发布 · 846 阅读

0 ·

CC 4.0 BY-SA版权

ASP.net 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用FusionCharts将控件与页面整合，并通过生成XML文件动态展示数据。重点阐述了数据源XML文件的重要性及图表类型的数据需求，提供示例代码帮助理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先我要说这个控件很好用，(*^__^*) 嘻嘻……

第一步：在显示页面上放上IFrame

第二步：使用jq显示iframe ，iframe 直接连接到包含控件的页面，同时传参数
window.frames["iframeChats"].location.href = "AgentOperListCharts.aspx?
type=showcharts&typeFile="+typeFile+"&sYear="+sYear+"&showColumn="+showColumn+"&ssYear="+ssYear;

第三步：在AgentOperListCharts.aspx页面中，如下
<script language="Javascript" type="text/javascript" src="../FusionCharts/FusionCharts.js"></script>
<form id="form1" runat="server">
<div><asp:Literal ID="FCLiteral" runat="server"></asp:Literal></div>
</form>

第四步：在AgentOperListCharts.aspx.cs中，生成xml文件，直接赋值给控件，如下
FCLiteral.Text = CreateChart();

CreateChart();方法的返回值，如下

return FusionCharts.RenderChart("../FusionCharts/FCF_MSColumn3D.swf", "", strXML, "productSales", "600", "400", false, false);
return FusionCharts.RenderChart("控件地址", "", strXML, "productSales", "600", "400", false, false);
CreateChart()方法是拼接xml文件，具体内容，请参照该防范

我上面只介绍了Fusion Charts的引用，关键还在于她的数据源xml，不同的图表对xml的要求是不一样，但是我真心的说，这个真不难，因为各种图表太多了，所以我直接把各种图表的例子压缩成附件上传上来，有需要的就直接下载吧，这里就不多说了。