ASP.NET 2.0轻松搞定统计图表(二)

前台代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="OWCdrawing.aspx.cs"

Inherits="OWCdrawing" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>清清月儿</title>

</head>

<body>

<form id="form1" runat="server">

<div>

<table style="width: 600px">

<tr>

<td colspan="3" style="height: 20px">

<strong>怎么样在ASP.NET2.0中使用OWC组件画图</strong></td>

</tr>

<tr>

<td colspan="3" rowspan="2" style="height: 21px">

<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>

</td>

</tr>

<tr>

</tr>

</table>    

</div>

</form>

</body>

</html>

数据库SQL脚本:

USE [web]

GO

/****** 对象:   Table [dbo].[Chart] ******/

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条数据,手动添加,最终结果类似下图:

ASP.NET 2.0轻松搞定统计图表(图四)
图4

后台程序说明:

最关键就是InsertChart.Type = ChartChartTypeEnum.chChartTypeColumnClustered;

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

ASP.NET 2.0轻松搞定统计图表(图五)
图5

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

折线图:

ASP.NET 2.0轻松搞定统计图表(图六)
图5

面积图:

ASP.NET 2.0轻松搞定统计图表(图七)
图5

条形图:

ASP.NET 2.0轻松搞定统计图表(图九)
图4

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

posted @   遥望星空  阅读(228)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示