先來(lái)看看幾個(gè)實(shí)現(xiàn)的
1.餅圖
2.柱型圖
3.線型圖
第一步
當(dāng)然是要添加dll引用
然后再把相關(guān)文件放到目錄里
就像在項(xiàng)目里添加FCK編輯器一樣
這樣的話.開始的環(huán)境就好了
我的目錄結(jié)構(gòu)是這樣的
當(dāng)然只是為了測(cè)試,就沒(méi)有那樣去什么什么了
當(dāng)然,在每個(gè)頁(yè)的開始要注冊(cè)一下這個(gè)dll
<%@ Register Assembly="am.Charts" Namespace="am.Charts" TagPrefix="cc1" %>
然后就可以用了
餅圖
<cc1:PieChart runat="server" ID="PieChart1"></cc1:PieChart>
后臺(tái)代碼

Code
protected void Page_Load(object sender, EventArgs e)

{
for (int i = 0; i < 10; i++)

{
//PieChartDataItem pcd = new PieChartDataItem("劉巨" + i.ToString(), i);
PieChartDataItem pcd1 = new PieChartDataItem();
pcd1.Description = "Description" + i.ToString();
pcd1.Title = "劉巨" + i.ToString();
//設(shè)置點(diǎn)擊時(shí)候的鏈接
//pcd1.Url = "http://www.cnblogs.com/liuju150/";
pcd1.LabelRadius = 1;
pcd1.Value = i;
pcd1.PullOut = true;
PieChart1.Items.Add(pcd1);
}
PieChart1.Width = 600;
PieChart1.Height = 500;
//設(shè)置鏈接的跳轉(zhuǎn)方式
//PieChart1.SliceLinkTarget = "_blank";
PieChart1.ScientificMax = 20;
PieChart1.Labels.Add(new ChartLabel("測(cè)試餅圖", new Unit(100), new Unit(20)));
PieChart1.ToolTip = "測(cè)試餅圖2";
}
柱型圖
<cc1:ColumnChart runat="server" ID="ColumnChart1"></cc1:ColumnChart>
后臺(tái)代碼

Code
protected void Page_Load(object sender, EventArgs e)

{
DataSet ds = new DataSet("column");
DataTable dt = new DataTable("columnTable");
DataColumn dc_y = new DataColumn("year");
DataColumn dc_v = new DataColumn("val");

DataColumn dc_v1 = new DataColumn("val1");



dt.Columns.Add(dc_y);
dt.Columns.Add(dc_v);
dt.Columns.Add(dc_v1);
Random rd = new Random();
for (int i = 2000; i < 2010; i++)

{
DataRow dr = dt.NewRow();
dr[dc_y] = i.ToString();
dr[dc_v] = (rd.NextDouble() * i).ToString();
dr[dc_v1] = (rd.NextDouble() * (i + i / 3)).ToString();
dt.Rows.Add(dr);
}
ds.Tables.Add(dt);

//立體感覺(jué)深度
ColumnChart1.Depth = 10;
//動(dòng)態(tài)升長(zhǎng)時(shí)間
ColumnChart1.ColumnGrowTime = 5;
ColumnChart1.Width = new Unit(600);
ColumnChart1.Height = new Unit(500);
ColumnChart1.PlotAreaBackgroundColor = Color.Yellow;

ColumnChart1.ChartDirectory = "~/amcharts/amcolumn/";
//柱型1
ColumnChartGraph ccg = new ColumnChartGraph();
ccg.DataSource = ds;
ccg.DataSeriesItemIDField = "year";
ccg.Title = "測(cè)試";
ccg.DataValueField = "val";
//形狀,可以是柱型,也可以是線型
ccg.GraphType = ColumnChartGraphTypes.Column;
ColumnChart1.Graphs.Add(ccg);

ColumnChartGraph ccg1 = new ColumnChartGraph();
ccg1.DataSource = ds;
ccg1.DataSeriesItemIDField = "year";
ccg1.Title = "測(cè)試1";
ccg1.DataValueField = "val1";
ccg1.GraphType = ColumnChartGraphTypes.Column;
ColumnChart1.Graphs.Add(ccg1);

//設(shè)置上面顯示的文字格式
ColumnChart1.ColumnDataLabelFormatString = "{value}";
ColumnChart1.LineBalloonTextFormatString = "{value}";

ColumnChart1.DataSource = ds;
ColumnChart1.DataSeriesIDField = "year";
ColumnChart1.DataBind();
}線型圖
<cc1:LineChart runat="server" ID="LineChart1"></cc1:LineChart>
后臺(tái)

Code
protected void Page_Load(object sender, EventArgs e)

{
//自己添加一個(gè)數(shù)據(jù)
DataSet ds = new DataSet("Line");
DataTable dt = new DataTable("LineTable");
DataColumn dc_y = new DataColumn("year");
DataColumn dc_v = new DataColumn("val");

DataColumn dc_v1 = new DataColumn("val1");

dt.Columns.Add(dc_y);
dt.Columns.Add(dc_v);
dt.Columns.Add(dc_v1);
Random rd = new Random();
for (int i = 1987; i < 2010; i++)

{
DataRow dr = dt.NewRow();
dr[dc_y] = i.ToString();
dr[dc_v] = (rd.NextDouble() * i).ToString();
dr[dc_v1] = (rd.NextDouble() * (i + i / 3)).ToString();
dt.Rows.Add(dr);
}
ds.Tables.Add(dt);

//設(shè)置圖形的長(zhǎng)高
LineChart1.Width = new Unit(600);
LineChart1.Height = new Unit(400);

//添加一個(gè)線條
LineChartGraph lcg = new LineChartGraph();
//這里是線條峰點(diǎn)的形狀(正方形):實(shí)心圓,空心圓
.
lcg.Bullet = LineChartBulletTypes.Square;
//這里是線條的顏色
//lcg.BulletColor = Color.Yellow;
//向下面積的顏色
lcg.FillColor = Color.Yellow;
//向下面積的透明度
lcg.FillAlpha = Convert.ToByte(40);
//Y軸值在右邊(默認(rèn)在左邊)
lcg.Axis = LineChartAxes.Right;

lcg.DataSource = ds;
lcg.DataSeriesItemIDField = "year";
lcg.DataValueField = "val";
lcg.Title = "測(cè)試1";
LineChart1.Graphs.Add(lcg);

//添加第二個(gè)線條
LineChartGraph lcg1 = new LineChartGraph();
lcg1.Bullet = LineChartBulletTypes.RoundOutline;

lcg1.DataSource = ds;
lcg1.DataSeriesItemIDField = "year";
lcg1.DataValueField = "val1";
lcg1.Title = "測(cè)試2";
LineChart1.Graphs.Add(lcg1);

LineChart1.DataSource = ds;
LineChart1.DataSeriesIDField = "year";
LineChart1.DataBind();

}代碼下載
http://files.cnblogs.com/liuju150/amCharts.rar

本作品采用知識(shí)共享署名-非商業(yè)性使用-相同方式共享 3.0 Unported許可協(xié)議
歡迎轉(zhuǎn)載,但必須保留文章的署名劉巨(艾夢(mèng)爾)
并保留此鏈接:http://liuju150.cnblogs.com/
如有疑問(wèn)請(qǐng)發(fā)郵件:liuju150@vip.qq.com
Tag標(biāo)簽: asp.net,.net,amCharts,圖型,報(bào)表