Asp.net范例:amCharts(.net版)实现图形报表
来源:互联网 发布:济南淘宝代运营公司 编辑:程序博客网 时间:2024/06/07 00:13
Asp.net范例:amCharts(.net版)实现图形报表
Asp.net实例:amCharts(.net版)实现图形报表
第一步
当然是要添加dll引用
然后再把相关文件放到目录里
就像在项目里添加FCK编辑器一样
这样的话.开始的环境就好了
我的目录结构是这样的
当然只是为了测试,就没有那样去什么什么了
当然,在每个页的开始要注册一下这个dll
<%@ Register Assembly="am.Charts" Namespace="am.Charts" TagPrefix="cc1" %>
然后就可以用了
饼图
<cc1:PieChart runat="server" ID="PieChart1"></cc1:PieChart>
后台代码
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();
//设置点击时候的链接
//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;
//设置链接的跳转方式
//PieChart1.SliceLinkTarget = "_blank";
PieChart1.ScientificMax = 20;
PieChart1.Labels.Add(new ChartLabel("测试饼图", new Unit(100), new Unit(20)));
PieChart1.ToolTip = "测试饼图2";
}
柱型图
<cc1:ColumnChart runat="server" ID="ColumnChart1"></cc1:ColumnChart>
后台代码
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);
//立体感觉深度
ColumnChart1.Depth = 10;
//动态升长时间
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 = "测试";
ccg.DataValueField = "val";
//形状,可以是柱型,也可以是线型
ccg.GraphType = ColumnChartGraphTypes.Column;
ColumnChart1.Graphs.Add(ccg);
ColumnChartGraph ccg1 = new ColumnChartGraph();
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
protected void Page_Load(object sender, EventArgs e)
{
//自己添加一个数据
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);
//设置图形的长高
LineChart1.Width = new Unit(600);
LineChart1.Height = new Unit(400);
//添加一个线条
LineChartGraph lcg = new LineChartGraph();
//这里是线条峰点的形状(正方形):实心圆,空心圆.
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);
//添加第二个线条
LineChartGraph lcg1 = new LineChartGraph();
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();
}
第一步
当然是要添加dll引用
然后再把相关文件放到目录里
就像在项目里添加FCK编辑器一样
这样的话.开始的环境就好了
我的目录结构是这样的
当然只是为了测试,就没有那样去什么什么了
当然,在每个页的开始要注册一下这个dll
<%@ Register Assembly="am.Charts" Namespace="am.Charts" TagPrefix="cc1" %>
然后就可以用了
饼图
<cc1:PieChart runat="server" ID="PieChart1"></cc1:PieChart>
后台代码
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();
//设置点击时候的链接
//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;
//设置链接的跳转方式
//PieChart1.SliceLinkTarget = "_blank";
PieChart1.ScientificMax = 20;
PieChart1.Labels.Add(new ChartLabel("测试饼图", new Unit(100), new Unit(20)));
PieChart1.ToolTip = "测试饼图2";
}
柱型图
<cc1:ColumnChart runat="server" ID="ColumnChart1"></cc1:ColumnChart>
后台代码
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);
//立体感觉深度
ColumnChart1.Depth = 10;
//动态升长时间
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 = "测试";
ccg.DataValueField = "val";
//形状,可以是柱型,也可以是线型
ccg.GraphType = ColumnChartGraphTypes.Column;
ColumnChart1.Graphs.Add(ccg);
ColumnChartGraph ccg1 = new ColumnChartGraph();
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
protected void Page_Load(object sender, EventArgs e)
{
//自己添加一个数据
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);
//设置图形的长高
LineChart1.Width = new Unit(600);
LineChart1.Height = new Unit(400);
//添加一个线条
LineChartGraph lcg = new LineChartGraph();
//这里是线条峰点的形状(正方形):实心圆,空心圆.
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);
//添加第二个线条
LineChartGraph lcg1 = new LineChartGraph();
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();
}
0 0
- Asp.net范例:amCharts(.net版)实现图形报表
- asp.net制作图形:使用amcharts(.net版)实现图形报表
- asp.net中对amCharts(.net版)图形报表的使用
- asp.net中对amCharts(.net版)图形报表的使用
- ASP.NET 中动态创建图形范例
- amcharts图形报表
- amcharts .net control 破解版
- amcharts在asp.net中的应用
- ASP.NET+JQuery+.Ashx实现+百度Echarts 实现动态柱状图数据图形报表的统计
- asp.net事务处理范例
- asp.net事务处理范例
- asp.net事务处理范例
- asp.net页面统计报表的实现
- asp.net页面统计报表的实现
- 实现动态ASP.NET水晶报表
- ASP.NET水晶报表实现打印功能
- Asp.Net+Grid Report实现Web报表
- Asp.net实现图形验证码
- main(int argc, char * argv[])讲解
- MBR损坏修复(二)
- 关于memory warning
- MySQL单表百万数据记录分页性能优化
- java 克隆的浅拷贝与深拷贝
- Asp.net范例:amCharts(.net版)实现图形报表
- 【已解决】:让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap
- Discuz门户keywords和description不能正确显示
- BestCoder Round #53 (div.2)(hdu5422,hdu5423,hdu5424)
- 关于C++回调函数设计的思考
- 编写高质量Objective-C代码
- 关于json返回日期格式化的解决方案
- Eclipse Mars Release (4.5.0)下安装编译Spark2.7.1
- [Bluetooth Core V4.2] VOL2, PartB, 6 Packets