（十五）Web图表模块（Drawing类+OWC组件）

最新推荐文章于 2023-04-17 13:56:45 发布

x1596638165

最新推荐文章于 2023-04-17 13:56:45 发布

阅读量574

点赞数

分类专栏： owc 文章标签： asp.net xcel表柱形图折线图饼图

本文链接：https://blog.csdn.net/x1596638165/article/details/80081183

版权

本文介绍了如何使用Microsoft Office Web Components (OWC) 生成Web图表，包括柱形图、折线图和饼图。首先，需要下载并添加OWC组件引用，然后通过创建图表控件、设置属性、获取数据和生成图片来实现图表的创建。最后，将生成的图片显示在Web页面上。源代码可在GitHub上找到。

摘要由CSDN通过智能技术生成

使用owc组件生成图表的设计思路

引用owc组件-->创建图表控件-->创建图表对象-->设置图表属性-->获取图表数据-->生成图片-->在web页面中显示图片

owc下载https://www.microsoft.com/zh-cn/download/details.aspx?id=22276

添加引用，选择“COM”页，选择“Microsoft Office Web Components 11.0”，点击“确定”按钮

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

首先，创建数据库，表里两个字段,name,jiguan,然后我们创建一个temp.jpg图片，然后把它放在根目录

在每个.aspx页面加入以下代码（excel.aspx除外）

        <table>
            <tr>
                <td><img alt="" src="temp.jpg" style="width:600px;height:450px"/></td>
            </tr>
        </table>

下面是 柱形图

public partial class histogram : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //创建图表控件
        ChartSpace myspace = new ChartSpace();
        //添加一个图表对象
        ChChart mychart = myspace.Charts.Add(0);
        //设置图表类型为柱形
        mychart.Type = ChartChartTypeEnum.chChartTypeColumnClustered;
        //设置图表的相关属性
        mychart.HasLegend = true;//添加图列
        mychart.HasTitle = true;//添加主题
        mychart.Title.Caption = "员工信息图表";//设置主题内容
        //设置x,y轴
        mychart.Axes[0].HasTitle = true;
        mychart.Axes[0].Title.Caption = "籍贯";
        mychart.Axes[1].HasTitle = true;
        mychart.Axes[1].Title.Caption = "人数";