All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
精通数据库系列之入门-基础篇1_mssql学习_编程技术
ASP.NET,数据绑定常用代码_[Asp.Net教程]
SQL,Server的恢复模式_mssql学习_编程技术
HTML教程-收集的常用的HTML标签(5)_[Html教程]
Weblogic,Portal中实现AJAX编程之架构_[Asp.Net教程]
ASP.NET,2.0之ObjectDataSourc控件_[Asp.Net教程]
ASP.NET编程取得网站绝对路径5方法_[Asp.Net教程]
开发某项目用到的全部50个Sql语句_[SQL Server教程]
用javascript-css实现GridView行背景色交替、点击行变色_[Asp.Net教程]
在.NET,2.0框架下动态创建Access数据库和表_[Asp.Net教程]
Reading number is top 10 pictures
NeedWallpaper13
Exquisite decoration is not paying too much2
Plump, too plump!2
Photographed the passion of the clients and prostitutes in the sex trade picture1
毛俊杰-能量永动机
黑社会大哥相亲
The world's top ten most beautiful railway station2
Absolutely shocked. National geographic 50 animal photographys5
2012 national geographic daily picture6
So beauty, will let you spray blood3
Download software ranking
在线棋牌游戏3.05版
Twenty piece of palm leaf
dreamweaver8中文版
星际争霸1.08硬盘免安装版
网络管理员第三版
Kung.Fu.Panda.2
Tram sex maniac 2 (H) rar bag18
双旗镇刀客B
Tram sex maniac 2 (H) rar bag3
Proficient in Eclipse
delv published in(发表于) 2014/1/16 9:28:26 Edit(编辑)
ASP.NET2.0轻松搞定统计图表_[Asp.Net教程]

ASP.NET2.0轻松搞定统计图表_[Asp.Net教程]

ASP.NET2.0轻松搞定统计图表_[Asp.Net教程]


本文讲述如何绘制条形图折线图柱形图面积图等常见图形。


效果图


手把手教程:


原理:OWC是Office Web Compent的缩写,即Microsoft的Office Web组件,它为在Web中绘制图形提供了灵活的同时也是最基本的机制。在一个intranet环境中,如果可以假设客户机上存在特定的浏览器和一些功能强大的软件(如IE6和Office 2000/XP/2003),那么就有能力利用Office Web组件提供一个交互式图形开发环境。这种模式下,客户端工作站将在整个任务中分担很大的比重。理论上说Excel能做的图都可以通过OWC画。


第一步:
右键点击网站根目录引用。如图所示:


第二步:
点击“添加引用”后弹出一个窗口,添加OWC的引用。如图所示:

点“确定”。


第三步:
代码中引用Microsoft.Office.Interop.Owc11。


全部代码
后台代码
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;


using System.Data.SqlClient; //添加数据操作引用
using Microsoft.Office.Interop.Owc11;//添加Office组件引用


public partial class OWCdrawing : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{


//连接数据库并获取特定字符串
string strSeriesName = "图例1";
string ConnectString = "Server=(local);DataBase=web;Uid=sa;Pwd=sa";
string Sql = "SELECT month,Allcount FROM Chart";
SqlConnection myConn = new SqlConnection(ConnectString);
myConn.Open();
SqlDataAdapter Da = new SqlDataAdapter(Sql, myConn);
DataSet ds = new DataSet();
Da.Fill(ds);


//存放月
string[] MonNum = new string[12];
//存放数据
string[] MonCount = new string[12];
//为数组赋值
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
MonNum[i] = ds.Tables[0].Rows[i][0].ToString();
MonCount[i] = ds.Tables[0].Rows[i][1].ToString();
}
//为x轴指定特定字符串,以便显示数据
string strXdata = String.Empty;
foreach (string strData in MonNum)
{
strXdata += strData + "\t";
}
string strYdata = String.Empty;
//为y轴指定特定的字符串,以便与x轴相对应
foreach (string strValue in MonCount)
{
strYdata += strValue + "\t";
}


//创建ChartSpace对象来放置图表
ChartSpace laySpace = new ChartSpaceClass();


//在ChartSpace对象中添加图表
ChChart InsertChart = laySpace.Charts.Add(0);


//指定绘制图表的类型。类型可以通过OWC.ChartChartTypeEnum枚举值得到
//InsertChart.Type = ChartChartTypeEnum.chChartTypeLine;//折线图
//InsertChart.Type = ChartChartTypeEnum.chChartTypeArea;//面积图
//InsertChart.Type = ChartChartTypeEnum.chChartTypeBarClustered;//条形图
InsertChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered;//柱形图



//指定图表是否需要图例标注
InsertChart.HasLegend = false;



InsertChart.HasTitle = true;//为图表添加标题
InsertChart.Title.Caption = "2006年清清月儿每个月花销流水账";//标题名称


//为x,y轴添加图示说明
InsertChart.Axes[0].HasTitle = true;
InsertChart.Axes[0].Title.Caption = "";//月份
InsertChart.Axes[1].HasTitle = true;
InsertChart.Axes[1].Scaling.SplitMinimum = 200;
InsertChart.Axes[1].Title.Caption = "数量";


//添加一个series系列
InsertChart.SeriesCollection.Add(0);


//给定series系列的名字
InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimSeriesNames, +(int)ChartSpecialDataSourcesEnum.chDataLiteral, strSeriesName);


//给定分类
InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimCategories, +(int)ChartSpecialDataSourcesEnum.chDataLiteral, strXdata);


//给定值
InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimValues, (int)ChartSpecialDataSourcesEnum.chDataLiteral, strYdata);
//输出文件.
string strAbsolutePath = (Server.MapPath(".")) + "\\ShowData.gif";
laySpace.ExportPicture(strAbsolutePath, "GIF", 400, 250);


//创建GIF文件的相对路径.
string strRelativePath = "./ShowData.gif";


//把图片添加到placeholder中,并在页面上显示
string strImageTag = "";
this.PlaceHolder1.Controls.Add(new LiteralControl(strImageTag));
}
}


前台代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="OWCdrawing.aspx.cs" Inherits="OWCdrawing" %>





清清月儿http://blog.csdn.net/21aspnet











怎么样在ASP.NET2.0中使用OWC组件画图

























数据库SQL脚本
USE [web]
GO
/****** 对象: Table [dbo].[Chart] 脚本日期: 03/27/2007 22:26:00 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[Chart](
[id] [int] IDENTITY(1,1) NOT NULL,
[month] [smallint] NULL,
[Allcount] [int] NULL
) ON [PRIMARY]


在数据库建好表以后要自己手动假想有12条数据,手动添加,最终结果类似下图:


后台程序说明:
最关键就是InsertChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered;


你可以在ChartChartTypeEnum出其他方法。如图所示:


下面列出的是其他类型图:


折线图:




面积图:


条形图:


OWC什么图形都可以画,还能画立体的,请大家自己尝试。


可以参考OWC手册,具体位置:
C:\Program Files\Common Files\Microsoft Shared\Web Components\11\2052\OWCVBA11.CHM



http://blog.csdn.net/21aspnet/archive/2007/03/27/1543320.aspx


作者:清清月儿 来源:CSDN







添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.