FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe Flash 8 (原Macromedia Flash的)制作的flash , FusionCharts可用于任何网页的脚本语言类似于HTML , .NET,ASP , JSP, PHP , ColdFusion等,提供互动性和强大的图表。使用XML作为其数据接口, FusionCharts充分利用流体美丽的Flash创建紧凑,互动性和视觉逮捕图表。
这里介绍一下 fusioncharts图标的一个简单制作案例
1、 打开vs------新建项目-------ASP.NET web窗体应用程序,添加---新建项-----web窗体,这是我们画图的一个主界面。
2、 然后将下载好的fusioncharts文件夹放到我们的项目中,我们可以看到文件夹中的一个结构,
Charts :里面包含着所有的SWF文件,如果你的Web项目需要创建图像,则导入相应的SWF文件即可。
Code :里面包含了所有的示例代码。
Contents :包含了文档,也就是API,包含了FusionCharts的使用方法。
Gallery :包含了一些图像的创建例子。
JSClass:FusionCharts javascript文件就放在这个目录下,这些文件能够帮组我们以一种友好的方式将图像 插入到页面中。
在这里,我们使用的是Column3D.swf文件,添加FusionCharts.dll的引用,接下来就是代码层,后台代码:
先添加一个引用:
using InfoSoftGlobal;
然后输入下面的代码:
public string gettuhtml()
{
StringBuilder xmldata = new StringBuilder();
xmldata.Append("<chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showValues='0' formatNumberScale='0' showBorder='1'>");
xmldata.Append("<set label='Jan' value='462' />");
xmldata.Append("<set label='Feb' value='857' />");
xmldata.Append("<set label='Mar' value='671' />");
xmldata.Append("<set label='Apr' value='494' />");
xmldata.Append("<set label='May' value='761' />");
xmldata.Append("<set label='Jun' value='960' />");
xmldata.Append("<set label='Jul' value='629' />");
xmldata.Append("<set label='Aug' value='622' />");
xmldata.Append("<set label='Sep' value='376' />");
xmldata.Append("<set label='Oct' value='494' />");
xmldata.Append("<set label='Nov' value='761' />");
xmldata.Append("<set label='Dec' value='960' />");
xmldata.Append("</chart>");
return FusionCharts.RenderChart("../FusionCharts/Column3D.swf", "", xmldata.ToString(), "myNext", "600", "300", false, false);
}
在前台页面中,只需要添加一个应用,
<script language="Javascript" src="../FusionCharts/FusionCharts.js"></script>
然后调用我们在后台写的方法就好
<%=gettuhtml()%>
这样,我们运行处的结果就是一个3d效果如: