如何使用Open Flash Chart制作精美的网络图表

Open Flash Chart .NET

Open Flash Chart .NET (OFC.NET)是基于Open Flash Chart项目，网址在http://teethgrinder.co.uk/open-flash-chart (或者 SourceForge). 也可以通过SVN获得源码：http://svn.k2colocation.com/svn/OpenFlashChart.

安装步骤:

1、首先在应用程序(.net项目)根目录下建立aspnet_client文件夹。

2、在aspnet_client文件夹下在建一个文件夹OpenFlashChart.

3、在OpenFlashChart文件夹下再建一个文件夹js，同时添加文件open-flash-chart.swf

4、js文件夹要添加文件swfobject.js

5、添加对OpenFlashChart.dll的引用

6、添加Defaul.aspx和Data.aspx两个页面

项目的文件夹结构如下图：

在页面中调用OFC.NET需要首先注册程序集，在Default.aspx页面顶部添加如下语句

<%@Register TagPrefix="ofc" Namespace="OpenFlashChart" Assembly="OpenFlashChart" %> 

然后在页面中添加控件，代码如下：

    <ofc:Chart ID="Chart" Height="500" Width="800" Url="data.aspx" runat="server" /> 

Data.aspx.cs文件的代码如下：

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using OpenFlashChart;
using System.Collections;

namespace OpenFlashChartDemo
{
    public partial class data : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Graph graph = new Graph();
            graph.LegendX = new LegendX("大类群统计", 12, "#FF0000");
            graph.LabelsX.Add("苔藓");
            graph.LabelsX.Add("蕨类");
            graph.LabelsX.Add("裸子植物");
            graph.LabelsX.Add("被子植物");
            graph.StepsY = 5;
            graph.MaxY = 50;
            OpenFlashChart.Charts.ChartData temp;
            //Bar(alpha (transparency), color (Hex), Label, Line Size)        
            temp = new OpenFlashChart.Charts.Bar(75, "#FF0000", "Sales", 2);
            temp.Data.Add(20);
            temp.Data.Add(30);
            temp.Data.Add(40);
            temp.Data.Add(10);
            graph.Data.Add(temp);
            Response.Clear();
            Response.Write(graph.ToString());
            Response.End();           

        }
    }
}

可以在这里下载整个程序和示例文件包OpenFlash.rar (369.61 kb)