ASP.NET MVC 3 Beta初体验之超酷的Chart:3D效果

简介:

  在前一篇文章:ASP.NET MVC 3 Beta初体验之超酷的Chart中介绍了Chart的使用,但是没有介绍到3D效果。这篇文章将介绍一下Chart的3D效果的展示。声明一点的是:这个Chart控件可能没有一些开源或者不开源,收费或者不收费的组件那般强大,我相信未来这个控件会越来越强大的。废话不多说了,看下如何展示Chart的3D效果。

   显示3D的效果,微软给了我们两种解决方案。一种是使用他自带的样式,一种是自己配置一个显示样式的XML。

   第一种使用自带的样式:很简单,在上一篇文章中其实有提到过,我们将模版改成ChartTheme.Vanilla3D。代码如下:

复制代码
代码
< p >  
@{ 
var key = new Chart(width: 600, height: 400,template: ChartTheme.Vanilla3D) 
.AddTitle("人员流动情况") 
.AddSeries(name: "Employee",xValue: new[] { "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"}, 
yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"}) 
.Write(); 
}
</ p >

复制代码

效果:

第二种方式:自定义显示样式。MVC可以让我们自定通过XML自定义Chart的显示样式。

定义一个XML样式:

复制代码
代码
< Chart  Palette ="BrightPastel"
BackColor
="#D3DFF0"
BackGradientStyle
="TopBottom"
BackSecondaryColor
="White"
BorderColor
="26, 59, 105"
BorderWidth
="2"
BorderlineDashStyle
="Solid" >
< Series >
< series  _Template_ ="All"
BorderColor
="180, 26, 59, 105"
CustomProperties
="LabelStyle=Bottom"
IsValueShownAsLabel
="True" >
</ series >
</ Series >
< ChartAreas >
< ChartArea  _Template_ ="All"
BackColor
="Orange"
BackGradientStyle
="TopBottom"
BackSecondaryColor
="White"
ShadowColor
="Transparent"
BorderColor
="64, 64, 64, 64"
BorderDashStyle
="Solid" >
< Area3DStyle  Enable3D ="True" >
</ Area3DStyle >
< AxisX  ArrowStyle ="Triangle"
IsLabelAutoFit
="False"
LineColor
="64, 64, 64, 64" >
< MajorGrid  LineColor ="64, 64, 64, 64" />
< LabelStyle  Font ="Trebuchet MS, 10pt, style=Bold"
IsStaggered
="False" />
</ AxisX >
</ ChartArea >
</ ChartAreas >
< Titles >
< Title  _Template_ ="All"
Font
="Trebuchet MS, 14.25pt, style=Bold"
ForeColor
="26, 59, 105"
ShadowOffset
="3"
ShadowColor
="32, 0, 0, 0" >
</ Title >
</ Titles >
< BorderSkin  SkinStyle ="Emboss" />
</ Chart >
复制代码

在创建Chart的代码修改一下:

复制代码
代码
< p >
@{
var key = new Chart(width: 600, height: 400,templatePath: "~/_ChartFiles/OrangeBlue3DTemplate.xml")
.AddTitle("人员流动情况")
.AddSeries(name: "Employee",xValue: new[] { "一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份"},
yValues: new[] { "2", "6", "4", "5", "3","4","9","2","5"})
.Write();
}
</ p >
复制代码

效果:

通过这种方式,给了程序员很多的扩展空间。

总结:本文是对ASP.NET MVC 3 Beta初体验之超酷的Chart的一个补足。介绍了在ASP.NET MVC 3 Beta中Chart的3D效果。






本文转自麒麟博客园博客,原文链接:http://www.cnblogs.com/zhuqil/archive/2010/10/23/1858858.html,如需转载请自行联系原作者



相关文章
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
本文讨论了在基于.NET 6和.NET Framework的WinForms项目中添加图表控件的不同方法。由于.NET 6的WinForms项目默认不包含Chart控件,可以通过NuGet包管理器安装如ScottPlot等图表插件。而对于基于.NET Framework的WinForms项目,Chart控件是默认存在的,也可以通过NuGet安装额外的图表插件,例如LiveCharts。文中提供了通过NuGet添加图表控件的步骤和截图说明。
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
|
3月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
46 7
|
3月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
74 0
|
4月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
55 0
|
4月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
4月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
142 0
|
7月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
211 0
|
7月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
83 0
|
7月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
362 5
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
173 0