如何实现asp.net平台下amCharts(.net版)图形报表的集成与应用？

本文共计1009个文字，预计阅读时间需要5分钟。

首先看看几个实现的例子：

1.饼图

2.柱状图

3.线型图

第一步：如果需要添加dll引用，先将相关文件放置到目录中，就像在项目中添加FCK编辑器一样。这样，初始环境就设置好了。我的目录结构如下：

先来看看几个实现的

1.饼图

2.柱型图

3.线型图

第一步

当然是要添加dll引用

然后再把相关文件放到目录里

就像在项目里添加FCK编辑器一样

这样的话.开始的环境就好了

我的目录结构是这样的

当然只是为了测试,就没有那样去什么什么了
当然,在每个页的开始要注册一下这个dll
<%@ Register Assembly="am.Charts" Namespace="am.Charts" TagPrefix="cc1" %>
然后就可以用了
饼图
<cc1:PieChart runat="server" ID="PieChart1"></cc1:PieChart>
后台代码

Code
protectedvoidPage_Load(objectsender,EventArgse)
{
for(inti=0;i<10;i++)
{
//PieChartDataItempcd=newPieChartDataItem("刘巨"+i.ToString(),i);
PieChartDataItempcd1=newPieChartDataItem();
pcd1.Description="Description"+i.ToString();
pcd1.Title="刘巨"+i.ToString();
//设置点击时候的链接
//pcd1.Url="www.cnblogs.com/liuju150/";
pcd1.LabelRadius=1;
pcd1.Value=i;
pcd1.PullOut=true;
PieChart1.Items.Add(pcd1);
}
PieChart1.Width=600;
PieChart1.Height=500;
//设置链接的跳转方式
//PieChart1.SliceLinkTarget="_blank";
PieChart1.ScientificMax=20;
PieChart1.Labels.Add(newChartLabel("测试饼图",newUnit(100),newUnit(20)));
PieChart1.ToolTip="测试饼图2";
}

柱型图
<cc1:ColumnChart runat="server" ID="ColumnChart1"></cc1:ColumnChart>
后台代码
Code
protectedvoidPage_Load(objectsender,EventArgse)
{
DataSetds=newDataSet("column");
DataTabledt=newDataTable("columnTable");
DataColumndc_y=newDataColumn("year");
DataColumndc_v=newDataColumn("val");

DataColumndc_v1=newDataColumn("val1");



dt.Columns.Add(dc_y);
dt.Columns.Add(dc_v);
dt.Columns.Add(dc_v1);
Randomrd=newRandom();
for(inti=2000;i<2010;i++)
{
DataRowdr=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);

//立体感觉深度
ColumnChart1.Depth=10;
//动态升长时间
ColumnChart1.ColumnGrowTime=5;
ColumnChart1.Width=newUnit(600);
ColumnChart1.Height=newUnit(500);
ColumnChart1.PlotAreaBackgroundColor=Color.Yellow;

ColumnChart1.ChartDirectory="~/amcharts/amcolumn/";
//柱型1
ColumnChartGraphccg=newColumnChartGraph();
ccg.DataSource=ds;
ccg.DataSeriesItemIDField="year";
ccg.Title="测试";
ccg.DataValueField="val";
//形状,可以是柱型,也可以是线型
ccg.GraphType=ColumnChartGraphTypes.Column;
ColumnChart1.Graphs.Add(ccg);

ColumnChartGraphccg1=newColumnChartGraph();
ccg1.DataSource=ds;
ccg1.DataSeriesItemIDField="year";
ccg1.Title="测试1";
ccg1.DataValueField="val1";
ccg1.GraphType=ColumnChartGraphTypes.Column;
ColumnChart1.Graphs.Add(ccg1);

//设置上面显示的文字格式
ColumnChart1.ColumnDataLabelFormatString="{value}";
ColumnChart1.LineBalloonTextFormatString="{value}";

ColumnChart1.DataSource=ds;
ColumnChart1.DataSeriesIDField="year";
ColumnChart1.DataBind();
}
线型图
<cc1:LineChart runat="server" ID="LineChart1"></cc1:LineChart>
后台
Code
protectedvoidPage_Load(objectsender,EventArgse)
{
//自己添加一个数据
DataSetds=newDataSet("Line");
DataTabledt=newDataTable("LineTable");
DataColumndc_y=newDataColumn("year");
DataColumndc_v=newDataColumn("val");

DataColumndc_v1=newDataColumn("val1");

dt.Columns.Add(dc_y);
dt.Columns.Add(dc_v);
dt.Columns.Add(dc_v1);
Randomrd=newRandom();
for(inti=1987;i<2010;i++)
{
DataRowdr=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);

//设置图形的长高
LineChart1.Width=newUnit(600);
LineChart1.Height=newUnit(400);

//添加一个线条
LineChartGraphlcg=newLineChartGraph();
//这里是线条峰点的形状(正方形):实心圆,空心圆.
lcg.Bullet=LineChartBulletTypes.Square;
//这里是线条的颜色
//lcg.BulletColor=Color.Yellow;
//向下面积的颜色
lcg.FillColor=Color.Yellow;
//向下面积的透明度
lcg.FillAlpha=Convert.ToByte(40);
//Y轴值在右边(默认在左边)
lcg.Axis=LineChartAxes.Right;

lcg.DataSource=ds;
lcg.DataSeriesItemIDField="year";
lcg.DataValueField="val";
lcg.Title="测试1";
LineChart1.Graphs.Add(lcg);

//添加第二个线条
LineChartGraphlcg1=newLineChartGraph();
lcg1.Bullet=LineChartBulletTypes.RoundOutline;

lcg1.DataSource=ds;
lcg1.DataSeriesItemIDField="year";
lcg1.DataValueField="val1";
lcg1.Title="测试2";
LineChart1.Graphs.Add(lcg1);

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

}
代码下载
files.cnblogs.com/liuju150/amCharts.rar 都看完了，你确定不点个赞再走？