fusioncharts动画图表

             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效果如：