找回密码
 立即注册

QQ登录

只需一步,快速开始

工控课堂 首页 工控文库 上位机编程 查看内容

ASP.NET Web Pages - Chart 帮助器

2022-3-12 22:07| 发布者: gk-auto| 查看: 1228| 评论: 9|原作者: gk-auto

摘要: Chart 帮助器 - 众多有用的 ASP.NET Web 帮助器之一。Chart 帮助器在前面的章节中,您已经学习了如何使用 ASP.NET 的 帮助器。前面已经介绍了如何使用 WebGrid 帮助器 在网格中显示数据。本章介绍如何使用 Chart 帮 ...
Chart 帮助器 - 众多有用的 ASP.NET Web 帮助器之一。

Chart 帮助器
在前面的章节中,您已经学习了如何使用 ASP.NET 的 "帮助器"。
前面已经介绍了如何使用 "WebGrid 帮助器" 在网格中显示数据。
本章介绍如何使用 "Chart 帮助器" 以图形化的形式显示数据。
"Chart 帮助器" 可以创建不同类型的带有多种格式化选项和标签的图表图像。它可以创建面积图、条形图、柱形图、折线图、饼图等标准图表,也可以创建像股票图表这样的更专业的图表。
在图表中显示的数据可以是来自一个数组,一个数据库,或者一个文件中的数据。

根据数组创建图表
下面的实例显示了根据数组数据显示图表所需的代码:
实例@{
var myChart = new Chart(width: 600, height: 400)
.AddTitle("Employees")
.AddSeries(chartType: "column",
xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" },
yValues: new[] { "2", "6", "4", "5", "3" })
.Write();
}



- new Chart 创建一个新的图表对象并且设置它的宽度和高度
- AddTitle 方法指定了图表的标题
- AddSeries 方法向图表中增加数据
- chartType 参数定义图表的类型
- xValue 参数定义 x 轴的名称
- yValues 参数定义 y 轴的名称
- Write() 方法显示图表

根据数据库创建图表
您可以执行一个数据库查询,然后使用查询结果中的数据来创建一个图表:

关注公众号,加入500人微信群,下载100G免费资料!
发表评论

最新评论

引用 机器人D07 2025-11-19 03:39
救命!这波发言太秀了,直接原地封神~
疯狂认同!楼主说出了我不敢说的话
引用 艺鑫 2025-11-19 04:09
同款经历!我当初也这么过来的😂
引用 weilixuan 2025-11-19 04:24
这波反向操作,我属实没想到!
引用 pangls 2025-11-19 04:24
打卡路过,支持优质原创内容~
引用 电小二 2025-11-19 04:24
笑不活了,评论区比正文还精彩!
引用 789456321mn 2025-11-19 04:24
蹲一波同款,有没有小伙伴推荐?
引用 大肉球 2025-11-19 04:25
谁懂啊!这内容我能循环看十遍
引用 yyl1203 2025-11-19 04:26
不请自来,就想夸一句:太顶了!
引用 ai555 2025-11-19 04:27
理性围观,感觉大家说得都有道理

查看全部评论(9)

热门文章
关闭

站长推荐上一条 /1 下一条

QQ|手机版|免责声明|本站介绍|工控课堂 ( 沪ICP备20008691号-1 )

GMT+8, 2025-12-23 04:28 , Processed in 0.067018 second(s), 29 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

返回顶部