ASP.NET中的图像报表FusionCharts

发表日期：2015-10-01 文章编辑：南昌开优网络浏览次数：3933 标签：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);