<pre id="mocc6"></pre>

ASP.NET中的圖像報表FusionCharts

發表日期：2015-10-01 文章編輯：南昌開優網絡瀏覽次數：4304 標簽：ASP.NET應用

一、下載FusionCharts 3.1版

二、拷入Code/CS/Bin中的FusionCharts.dll 和 FusionCharts文件夾及其中的所有js和swf文件到實際項目中

Column2D.swf為2D柱形圖

Column3D.swf為3D柱形圖

Area2D.swf為面積圖

Line.swf為曲線圖

Pie3D.swf為餅狀圖

三、使用FusionCharts的生成圖表的三種方式

①、使用XML作為圖表數據源

1、創建xml文件XMLFile.xml

注：該xml是FusionCharts的標準文件其中：

caption：解說詞及圖表的標題

xAxisName：X軸的名稱

yAxisName：Y軸的名稱

set標簽label為名稱value為值其中value必須為數字

2、引用FusionCharts.dll 和FusionCharts文件夾中的js文件

3、在文件中加上一個按鈕，一個Literall控件，在按鈕的事件中編寫如下代碼：

Literal1.Text = FusionCharts.RenderChart("FusionCharts/Column3D.swf", "XMLFile.xml", "", "myFirst", "700", "500", false, true);

②、使用用戶輸入數據的方式

1、頁面中添加Fusion Charts的腳本調用代碼，如下：

2、在頁面中添加一個表格，如下圖所示：

ASP.NET中使用Fusion Charts圖表工具

　　在這個表格中，允許用戶輸入三個不同的數值，然后我們進行相應的處理。

3、在提交的按鈕的事件代碼中，編寫如下代碼：

StringBuilder xmlData = new StringBuilder();
xmlData.Append("<chart caption='IPL Points' subCaption='For Season 2011 so far'
showPercentValues='1' pieSliceDepth='30' showBorder='1'>");
xmlData.AppendFormat("<set label='Mumbai' value='{0}' />", txtMumbai.Text);
xmlData.AppendFormat("<set label='Chennai' value='{0}' />", txtChennai.Text);
xmlData.AppendFormat("<set label='Kochi' value='{0}' />", txtKochi.Text);
xmlData.Append("</chart>");
Literal1.Text = FusionCharts.RenderChart("FusionCharts/Pie3D.swf", "",
xmlData.ToString(), "Sales", "500", "300", false, false);