首先,命名空间需要引用using OpenFlashChart
(该OpenFlashChart为一类库)
再次,需要一中间页面向外写数据以及样式
using OpenFlashChart;
......
protected void Page_Load(object sender, EventArgs e)
{
Graph graph = new Graph();
graph.LegendX = new LegendX("Chart Test", 12, "#FF0000");
graph.StepsY = 5;
graph.MaxY = 50;
OpenFlashChart.Charts.ChartData temp;
temp = new OpenFlashChart.Charts.AreaHollow(2, 3, "#0000CC", 75, "Profit", 12, "#AAAAFF");
//此数据添加部分可以通过数据库读取
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();
//下面为,该页面读出的数据
//&s'd'sx_legend=Chart Test,12,#FF0000&
//&x_axis_steps=1&
// &y_ticks=5,10,5&
// &area_hollow=2,3,75,#0000CC,Profit,12,#AAAAFF&
// &values=20,30,40,10&
// &y_min=0&
// &y_max=50&
}
最后,在画图的前台页面中,需要引用自定义控件
<%@Register TagPrefix="ofc" Namespace="OpenFlashChart" Assembly="OpenFlashChart" %>
在body中引用中间页面的表现为:
<ofc:Chart Width="400" Height="400" Url="data.aspx" runat="Server" />
呈现的结果为:
Demo下载地址: