OWC -- 初体验

参考 “清清月儿” 和 “Office Web Components(OWC)绘图控件运用11个疑问解答”

需要添加引用 “Microsoft Office Web Components 11.0 ”，在代码页添加 “using Microsoft.Office.Interop.Owc11;” 

成功添加这个引用需要安装office 2003，装了office 2007 不行，或者直接去微软网站下载owc1.exe 吧（安装这个之后应该可以不用安装office了吧？没试过，但是如果安装了office 2007 的话下载安装owc11.exe是可以的）

先看图

代码

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using Microsoft.Office.Interop.Owc11;
using System.Data.SqlClient;
using System.Data;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        
        string strConnectionString = "server = (local);DataBase=blog;uID=a;password=a;";
        string strSQL = "select TMonth,TCount from TestChart";
        SqlConnection myconn = new SqlConnection(strConnectionString);
        myconn.Open();
        SqlDataAdapter sda = new SqlDataAdapter(strSQL, myconn);
        DataSet DS = new DataSet();
        sda.Fill(DS);

        int dataCount = DS.Tables[0].Rows.Count;
       
        //月
        string[] Mon = new string[dataCount];
        //Data
        string[] MonData = new string[dataCount];

        for (int i = 0; i < dataCount; i++)
        {
            Mon[i] = DS.Tables[0].Rows[i]["TMonth"].ToString();
            MonData[i] = DS.Tables[0].Rows[i]["TCount"].ToString();
            
        }

        //为X轴指定特定字符串，以便显示数据
        string strXData = string.Empty;
        foreach (string strData in Mon)
        {
            strXData += strData + "\t";
        }
        //为y轴指定特定的字符串，以便于x轴对应
        string strYData= string.Empty;
        foreach (string value in MonData)
        {
            strYData += value + "\t ";
        }

        //ChartSpace对象：图形容器对象，也是顶层对象。如果要运用OWC绘制图形，至少要创建一个ChartSpace对象。
        //所谓容器，就是说ChartSpace对象中可以包含多个图形对象，最多16个。  

        //创建chartSpace对象来放置图表
        ChartSpace layspace = new ChartSpace();
         
        //在chartSpace中添加图表
        ChChart InsertChart = layspace.Charts.Add(0);
        

        //ChChart对象、ChCharts集合、ChCharts.Add()方法：
        //ChChart是图形对象。一个柱状图、饼状图、散点图等均为一个图形对象，多个图形对象构成ChCharts集合。
        //ChartSpace对象就包含一个ChCharts集合，这些ChChart之间互相叠加，比如簇状条形图就是多个单柱状图地叠加，//
        //圆环套圆环图就是两个单圆环图地叠加。通过ChCharts.Add()方法增加一个图形。    


        //指定绘制图表的类型。
        //类型可以通过OWC.ChartChartTypeEnum枚举值得到
        //折线图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypeLine;
        //面积图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypeArea;
        //条形图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypeBarClustered;
        //饼状图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypePie; 
        //柱形图
        InsertChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered;
        
        
        //ChSeries对象、ChSeriesCollection集合、ChSeriesCollection.Add()方法：
        //帮助中说：一个ChSeries对象表示图中地一个系列。实际上，你可以这样理解，当图形容器中包含多个图形时，
        //一个ChSeries对象就表示在这里面地一个图形，可以通过ChSeriesCollection集合，可以运用数组地方式访问各个ChSeries，
        //比如ChSeriesCollection[0]表示第一个图形。运用ChSeriesCollection.Add()方法在当前容器中新增一个图形。 

        //Point属性和Points集合：一个Point代表图形中地一个部分，比如柱状图地一条柱，饼状图地一个扇区等。
        // ChChart 对象提供Points集合，可以运用数组地形式访问各个Point，比如Points[0]表示第1个部分。
        //Interior属性：代表一  个形状地内部空间。
        //比如，ChartSpace对象地Interior属性代表图形容器内、图形外地空间，一个扇区Interior属性    
        //表示该扇区地内部空间。该属性在设置图形各个部分地颜色时起到重要作用。窃以为，以上对象和属性地理解、运用相当关 
        //键，顺着它们找下去，标题、图例、数据标签、字体等重要地特性特点都能顺利找到

        //指定图表是否需要图例标注
        InsertChart.HasLegend = true;
     
        //显示标题
        InsertChart.HasTitle = true;
        //设置标题内容
        InsertChart.Title.Caption = "测试数据";

        //饼状图没有x、y轴,当为饼状图时此段代码不能有
        //为x、y轴添加图例说明
        InsertChart.Axes[0].HasTitle = true;
        InsertChart.Axes[0].Title.Caption = "月份";
        InsertChart.Axes[1].HasTitle = true;
        //下面这行代码去掉屏蔽一看就明白什么意思了
        //InsertChart.Axes[1].Scaling.SplitMinimum = 2;
        InsertChart.Axes[1].Title.Caption = "数量";
       
        //添加一个系列
        InsertChart.SeriesCollection.Add(0);

        //给出系列的名字
        InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimSeriesNames,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral,"第一批数据");

        //给定分类 数据格式为： 数据\t数据\t数据\t数据 用“\t”界定边界，而且不能重复。重复的值显示一个
        InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimCategories,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral, strXData);
     
        //给定值
        InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimValues,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral,strYData);
        
        //将柱状图地第一条柱设置为红色    
        //Point：代表图中地一部分，比如柱图地一条柱，饼图地一个扇区    
        //Interior：表示指定对象地内部 

        //增加数据值标签
        InsertChart.SeriesCollection[0].DataLabelsCollection.Add();
        //显示数据值
        InsertChart.SeriesCollection[0].DataLabelsCollection[0].HasValue = true;        

        InsertChart.SeriesCollection[0].Points[0].Interior.Color = "Red";
        InsertChart.SeriesCollection[0].Points[2].Interior.Color = "Red";
        InsertChart.SeriesCollection[0].Points[5].Interior.Color = "Red";

        //输出
        string imgname = DateTime.Now.Date.ToShortDateString() + "-" + DateTime.Now.Hour.ToString() + "-" +
            DateTime.Now.Minute.ToString() + "-" + DateTime.Now.Second.ToString() + "-" + DateTime.Now.Millisecond.ToString() + ".gif";
        string strAbso = (Server.MapPath("."))+"\\" + imgname;
        layspace.ExportPicture( strAbso,"gif",600,300);
        //创建gif文件的相对路径
        //string strRelativePath = "showdata.gif";
        string strRelativePath = imgname;
        pic.InnerHtml = "<img src='"+ strRelativePath + "'>";


    }
}

 

在上述代码中添加第二个系列（在上述代码第136行添加一下代码）

 

 //-----------------------------------------------
        //添加第二个系列
        InsertChart.SeriesCollection.Add(1);
        //给出系列的名字
        InsertChart.SeriesCollection[1].SetData(ChartDimensionsEnum.chDimSeriesNames,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral, "第二批数据");

        //给定分类 数据格式为： 数据\t数据\t数据\t数据 用“\t”界定边界，而且不能重复。重复的值显示一个
        InsertChart.SeriesCollection[1].SetData(ChartDimensionsEnum.chDimCategories,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral, strXData);
        //给定值
        InsertChart.SeriesCollection[1].SetData(ChartDimensionsEnum.chDimValues,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral, strYData);
        //增加数据值标签
        InsertChart.SeriesCollection[1].DataLabelsCollection.Add();

效果图：

 

在试试饼状图

代码

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using Microsoft.Office.Interop.Owc11;
using System.Data.SqlClient;
using System.Data;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        
        string strConnectionString = "server = (local);DataBase=blog;uID=a;password=a;";
        string strSQL = "select TMonth,TCount from TestChart";
        SqlConnection myconn = new SqlConnection(strConnectionString);
        myconn.Open();
        SqlDataAdapter sda = new SqlDataAdapter(strSQL, myconn);
        DataSet DS = new DataSet();
        sda.Fill(DS);

        int dataCount = DS.Tables[0].Rows.Count;
       
        //月
        string[] Mon = new string[dataCount];
        //Data
        string[] MonData = new string[dataCount];

        for (int i = 0; i < dataCount; i++)
        {
            Mon[i] = DS.Tables[0].Rows[i]["TMonth"].ToString();
            MonData[i] = DS.Tables[0].Rows[i]["TCount"].ToString();
            
        }

        //为X轴指定特定字符串，以便显示数据
        string strXData = string.Empty;
        foreach (string strData in Mon)
        {
            strXData += strData + "\t";
        }
        //为y轴指定特定的字符串，以便于x轴对应
        string strYData= string.Empty;
        foreach (string value in MonData)
        {
            strYData += value + "\t ";
        }

        //ChartSpace对象：图形容器对象，也是顶层对象。如果要运用OWC绘制图形，至少要创建一个ChartSpace对象。
        //所谓容器，就是说ChartSpace对象中可以包含多个图形对象，最多16个。  

        //创建chartSpace对象来放置图表
        ChartSpace layspace = new ChartSpace();
         
        //在chartSpace中添加图表
        ChChart InsertChart = layspace.Charts.Add(0);
        

        //ChChart对象、ChCharts集合、ChCharts.Add()方法：
        //ChChart是图形对象。一个柱状图、饼状图、散点图等均为一个图形对象，多个图形对象构成ChCharts集合。
        //ChartSpace对象就包含一个ChCharts集合，这些ChChart之间互相叠加，比如簇状条形图就是多个单柱状图地叠加，//
        //圆环套圆环图就是两个单圆环图地叠加。通过ChCharts.Add()方法增加一个图形。    


        //指定绘制图表的类型。
        //类型可以通过OWC.ChartChartTypeEnum枚举值得到
        //折线图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypeLine;
        //面积图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypeArea;
        //条形图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypeBarClustered;
        //饼状图
        InsertChart.Type = ChartChartTypeEnum.chChartTypePie; 
        //柱形图
        //InsertChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered;
        
        
        //ChSeries对象、ChSeriesCollection集合、ChSeriesCollection.Add()方法：
        //帮助中说：一个ChSeries对象表示图中地一个系列。实际上，你可以这样理解，当图形容器中包含多个图形时，
        //一个ChSeries对象就表示在这里面地一个图形，可以通过ChSeriesCollection集合，可以运用数组地方式访问各个ChSeries，
        //比如ChSeriesCollection[0]表示第一个图形。运用ChSeriesCollection.Add()方法在当前容器中新增一个图形。 

        //Point属性和Points集合：一个Point代表图形中地一个部分，比如柱状图地一条柱，饼状图地一个扇区等。
        // ChChart 对象提供Points集合，可以运用数组地形式访问各个Point，比如Points[0]表示第1个部分。
        //Interior属性：代表一  个形状地内部空间。
        //比如，ChartSpace对象地Interior属性代表图形容器内、图形外地空间，一个扇区Interior属性    
        //表示该扇区地内部空间。该属性在设置图形各个部分地颜色时起到重要作用。窃以为，以上对象和属性地理解、运用相当关 
        //键，顺着它们找下去，标题、图例、数据标签、字体等重要地特性特点都能顺利找到

        //指定图表是否需要图例标注
        InsertChart.HasLegend = true;     
        //显示标题
        InsertChart.HasTitle = true;
        //设置标题内容
        InsertChart.Title.Caption = "测试数据";

        ////饼状图没有x、y轴,当为饼状图时此段代码不能有
        ////为x、y轴添加图例说明
        //InsertChart.Axes[0].HasTitle = true;
        //InsertChart.Axes[0].Title.Caption = "月份";
        //InsertChart.Axes[1].HasTitle = true;
        ////下面这行代码去掉屏蔽一看就明白什么意思了
        ////InsertChart.Axes[1].Scaling.SplitMinimum = 2;
        //InsertChart.Axes[1].Title.Caption = "数量";
       
        //添加一个系列
        InsertChart.SeriesCollection.Add(0);
        //给出系列的名字
        InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimSeriesNames,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral,"第一批数据");

        //给定分类 数据格式为： 数据\t数据\t数据\t数据 用“\t”界定边界，而且不能重复。重复的值显示一个
        InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimCategories,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral, strXData);     
        //给定值
        InsertChart.SeriesCollection[0].SetData(ChartDimensionsEnum.chDimValues,
            +(int)ChartSpecialDataSourcesEnum.chDataLiteral,strYData);
        
        //将柱状图地第一条柱设置为红色    
        //Point：代表图中地一部分，比如柱图地一条柱，饼图地一个扇区    
        //Interior：表示指定对象地内部 

        //增加数据值标签
        InsertChart.SeriesCollection[0].DataLabelsCollection.Add();
        //显示数据值
        InsertChart.SeriesCollection[0].DataLabelsCollection[0].HasValue = true; 
        //显示百分比
        InsertChart.SeriesCollection[0].DataLabelsCollection[0].HasPercentage = true;

        InsertChart.SeriesCollection[0].Points[0].Interior.Color = "Red";
        InsertChart.SeriesCollection[0].Points[2].Interior.Color = "Red";
        InsertChart.SeriesCollection[0].Points[5].Interior.Color = "Red";
        
        //输出
        string imgname = DateTime.Now.Date.ToShortDateString() + "-" + DateTime.Now.Hour.ToString() + "-" +
            DateTime.Now.Minute.ToString() + "-" + DateTime.Now.Second.ToString() + "-" + DateTime.Now.Millisecond.ToString() + ".gif";
        string strAbso = (Server.MapPath("."))+"\\" + imgname;
        layspace.ExportPicture( strAbso,"gif",400,400);
        //创建gif文件的相对路径
        //string strRelativePath = "showdata.gif";
        string strRelativePath = imgname;
        pic.InnerHtml = "<img src='"+ strRelativePath + "'>";


    }
}

 

注意的是饼状图中没有x、y轴；且只显示一个系列的数据（我添加了第二个系列数据时没显示）

 

在加段代码，柱状3D图 先看效果：

 

很漂亮吧，来看代码

 

        // 在此处放置用户代码以初始化页面
        string strCategory = "1" + '\t' + "2" + '\t' + "3" + '\t' + "4" + '\t' + "5" + '\t' + "6" + '\t' + "7" + '\t' + "8" + '\t' + "9" + '\t' + "10" + '\t' + "11" + '\t' + "12" + '\t';
        string strValue = "9" + '\t' + "8" + '\t' + "4" + '\t' + "10" + '\t' + "12" + '\t' + "6" + '\t' + "1" + '\t' + "2" + '\t' + "3" + '\t' + "4" + '\t' + "12" + '\t' + "6" + '\t';

        //声明对象
        ChartSpace ThisChart = new ChartSpaceClass();
        ChChart ThisChChart = ThisChart.Charts.Add(0);
        ChSeries ThisChSeries = ThisChChart.SeriesCollection.Add(0);

        //显示图例
        ThisChChart.HasLegend = true;
        //标题
        ThisChChart.HasTitle = true;
        ThisChChart.Title.Caption = "统计图";
        //给定x,y轴图示说明
        ThisChChart.Axes[0].HasTitle = true;
        ThisChChart.Axes[1].HasTitle = true;
        ThisChChart.Axes[0].Title.Caption = "月份";
        ThisChChart.Axes[1].Title.Caption = "数量";

        //图表类型
        ThisChChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered3D;//3D 柱状图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeSmoothLine;//平滑曲线图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeArea; //折线面积图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeArea3D;//折线3D面积图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeAreaOverlapped3D;//折线3D面积图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeAreaStacked;//折线面积图加边框
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeAreaStacked100;//折线面积图加边框百分比图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeAreaStacked1003D;//折线3D面积图加边框百分比图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeAreaStacked3D;//折线3D面积图加边框
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBar3D;//横道图3D
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBarClustered;//横道图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBarClustered3D;//横道图3D
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBarStacked;//横道图3D
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBarStacked100;//横道图3D百分比图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBarStacked1003D;//横道图3D百分比图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBubble; //测试不通过
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeBubbleLine;//测试不通过
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeColumn3D;//柱状图3D 
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered;//柱状图3D 
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered3D;//柱状图3D 
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeColumnStacked;//柱状图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeColumnStacked100;//柱状图3D 百分比图
        //ThisChChart.Type = ChartChartTypeEnum.chChartTypeColumnStacked1003D;//柱状图3D百分比图 
        //ThisChChart.Type = ChartLegendPositionEnum.chLegendPositionBottom;
        //旋转
        //表示指定三维图表的旋转角度
        ThisChChart.Rotation = 360;
        //表示指定三维图表的视图斜率。有效范围为 -90 到 90
        ThisChChart.Inclination = 35;
        //背景颜色
        ThisChChart.PlotArea.Interior.Color = "red";
        //底座颜色
        ThisChChart.PlotArea.Floor.Interior.Color = "green";
        //单个类别中标志之间的重叠量
        ThisChChart.Overlap = 50;

        /////给定series的名字
        ThisChSeries.SetData(ChartDimensionsEnum.chDimSeriesNames, ChartSpecialDataSourcesEnum.chDataLiteral.GetHashCode(), "日期");
        //给定分类
        ThisChSeries.SetData(ChartDimensionsEnum.chDimCategories, ChartSpecialDataSourcesEnum.chDataLiteral.GetHashCode(), strCategory);
        //给定值
        ThisChSeries.SetData(ChartDimensionsEnum.chDimValues,ChartSpecialDataSourcesEnum.chDataLiteral.GetHashCode(), strValue);

        //导出图像文件
        try
        {
            ThisChart.ExportPicture(Server.MapPath("chart.gif"), "gif", 600, 350);
            Response.Write("<IMG SRC='chart.gif'/>");        
            
        }
        catch (Exception ee)
        {

        }