ASP.NET Web Pages – Chart 帮助器
来源:互联网 发布:linux apache2.4 php7 编辑:程序博客网 时间:2024/04/28 22:07
Chart – 众多有用的 ASP.NET Web 帮助器之一。
Chart Helper
在前一章,您已经学到了如何使用一个 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() 方法显示图表。
来自数据库的图表
您可以首先运行一次数据库查询,然后使用结果中的数据来创建图表:
实例
@{ var db = Database.Open("SmallBakery"); var dbdata = db.Query("SELECT Name, Price FROM Product"); var myChart = new Chart(width: 600, height: 400) .AddTitle("Product Sales") .DataBindTable(dataSource: dbdata, xField: "Name") .Write();}
运行实例
var db = Database.Open 打开数据库(并把数据库对象赋给变量 db)。
var dbdata = db.Query 运行数据库查询,并把结果保存到 dbdata 中。
new Chart 创建新的图表对象,并设置其宽度和高度。
AddTitle 方法规定图表的标题。
DataBindTable 方法将数据源绑定到图表。
Write() 方法显示图表。
使用 DataBindTable 方法的替代方案是使用 AddSeries(参见前一个例子)。DataBindTable 更易使用,但是 AddSeries 的伸缩性更强,因为它能够更精确地规定图表和数据:
实例
@{ var db = Database.Open("SmallBakery"); var dbdata = db.Query("SELECT Name, Price FROM Product"); var myChart = new Chart(width: 600, height: 400) .AddTitle("Product Sales") .AddSeries(chartType:"Pie", xValue: dbdata, xField: "Name", yValues: dbdata, yFields: "Price") .Write();}
运行实例
来自 XML 数据的图表
生成图表的第三个选项是使用 XML 文件作为图表的数据:
实例
@using System.Data;@{var dataSet = new DataSet();dataSet.ReadXmlSchema(Server.MapPath("data.xsd"));dataSet.ReadXml(Server.MapPath("data.xml"));var dataView = new DataView(dataSet.Tables[0]);var myChart = new Chart(width: 600, height: 400) .AddTitle("Sales Per Employee") .AddSeries("Default", chartType: "Pie", xValue: dataView, xField: "Name", yValues: dataView, yFields: "Sales") .Write();}}
运行实例
- ASP.NET Web Pages - Chart 帮助器
- ASP.NET Web Pages – Chart 帮助器
- ASP.NET Web Pages – Chart 帮助器
- ASP.NET Web Pages – 帮助器
- ASP.NET Web Pages - WebGrid 帮助器
- ASP.NET Web Pages – WebGrid 帮助器
- ASP.NET Web Pages – WebMail 帮助器
- ASP.NET Web Pages – WebGrid 帮助器
- ASP.NET Web Pages – WebMail 帮助器
- ASP.NET Web Pages
- ASP.NET Web Pages
- ASP.NET Web Pages
- ASP.NET Web Pages
- ASP.NET Web Pages
- ASP.NET Web Pages
- ASP.NET Web Pages
- ASP.NET Web Pages
- ASP.NET Web Pages
- hdu 6058/2017多校联合第三场Kanade's sum(链表!)
- Cocos3.x跟Cocos2.x的区别
- Error : Unable to start EmbeddedWebApplicationContext due to missing EmbeddedServletContainerFactory
- 关于云测试
- laravel5.4使用Laravel Sms和阿里云短信服务实现短信验证码功能
- ASP.NET Web Pages – Chart 帮助器
- bzoj2120树状数组套主席树解法
- 【学习笔记】TCP/IP基础(2)
- 资源调度框架YARN
- TreeMap的实现是红黑算法
- 常用垃圾回收算法
- 使用python发送邮件,无中文乱码。
- ajax传值
- ajax领悟 ajax提交新增方法