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

来源:互联网 发布:结构设计优化公司 编辑:程序博客网 时间:2024/05/14 08:10

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

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

<iframe id="iframeChats" name="iframeChats" height="500px" width="700px" frameborder="0"></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的要求是不一样,但是我真心的说,这个真不难,因为各种图表太多了,所以我直接把各种图表的例子压缩成附件上传上来,有需要的就直接下载吧,这里就不多说了。

原创粉丝点击