• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

    在前一篇文章: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效果。



(全文完)


以下为广告部分

您部署的HTTPS网站安全吗?

如果您想看下您的网站HTTPS部署的是否安全,花1分钟时间来 myssl.com 检测以下吧。让您的HTTPS网站变得更安全!

SSL检测评估

快速了解HTTPS网站安全情况。

安全评级(A+、A、A-...)、行业合规检测、证书信息查看、证书链信息以及补完、服务器套件信息、证书兼容性检测等。

SSL证书工具

安装部署SSL证书变得更方便。

SSL证书内容查看、SSL证书格式转换、CSR在线生成、SSL私钥加解密、CAA检测等。

SSL漏洞检测

让服务器远离SSL证书漏洞侵扰

TLS ROBOT漏洞检测、心血漏洞检测、FREAK Attack漏洞检测、SSL Poodle漏洞检测、CCS注入漏洞检测。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
asp.netmvc3高级编程文摘发布时间:2022-07-10
下一篇:
再谈ASP.NET第七 - 跨应用、跨服务器的表单验证发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap