图表控件在ASP.NET MVC中的使用

微软发布了强大的ASP.NET图表控件，支持丰富的图表选项设置——包括柱形图、点图、气泡图、饼图、圆环图、金字塔图、漏斗图、箱线图、面积图、范围图、AJAX交互等等。Microsoft图表控件示例项目包括200多个ASP.NET页面的图表示例。在本文中，我将展示如何在ASP.NET MVC中使用图表控件。

这是一个非常简单的项目，展示了一个班级成绩的比较。两个字段-ID(这是唯一的学生)和GPA(平均分数)-代表特定学生的成绩。各种图表的结果表明，学生的结果是比较的。我想关注如何轻松显示相同的数据和不同的结果。在这个项目中，您可以添加、编辑和删除学生的成绩，并动态显示变化。

要运行该项目，必须安装以下Microsoft NET Framework 3.5的Microsoft图表控件组件。

要启动代码，您需要引用系统。web.ui.datavisualization程序集。

一旦这样做了，就会有相当多的简单图表添加到视图页面中。

img src=' http :/Chart/create Chart？Charttype=%=system。首先，定义一个控制器并提供以下方法。

#区域图表组件公共文件结果创建图表(SerieCartType ChartType){ IListResultMoDEL peoples=_ resultServiCe .GetResults()；图表图表=新图表();图表。宽度=700;图表。高度=300;图表。背景色=颜色FromArgb(211，223，240)；图表。边框线条样式=图表样式。固体；图表BackSecondaryColor=颜色。白色；图表BackGradientStyle=GradientStyle .顶部底部图表。边框宽度=1;图表。调色板=图表调色板。明亮的粉色；图表。边框颜色=颜色FromArgb(26，59，105)；图表渲染类型=渲染类型.二进制流图表博尔德斯金。SkinStyle=BorderSkinStyle .浮雕；图表。抗锯齿=抗锯齿样式。全部；图表。文本抗锯齿质量=文本抗锯齿质量。正常；图表标题。add(CreateTitle())；图表。图例。添加（创建图例());图表。系列。添加（创建系列（人民，图表类型));图表图表区。add(create chart area())；内存流ms=新内存流()；图表。保存图像（毫秒);返回文件(ms.GetBuffer()，@ ' image/png ')；}[非动作]公共Title CreateTitle(){ Title Title=new Title()；标题。文本="结果图表";标题。阴影颜色=颜色FromArgb(32，0，0，0)；标题字体=新字体('投石机MS '，14F，FontStyle .粗体);标题阴影偏移量=3；标题。颜色=颜色FromArgb(26，59，105)；返回标题；}[非操作]公共图例create legend(){ 0图例图例=新图例()；传奇。名称="结果图表";传奇。对接=对接。底部；传奇对齐=字符串对齐.居中；传奇。背景色=颜色。透明；传奇字体=新字体(新' FontFamily('投石机MS’)，9)；传奇LegendStyle=LegendStyle .划；回归传奇；}[非动作]公共系列创建系列(ilistreultmodel结果，系列图表类型图表类型){系列系列详细信息=新系列()；系列细节。名称="结果图表";系列细节IsValueShownAsLabel=false系列细节。颜色=颜色FromArgb(198，99，99)；系列细节。图表类型=图表类型；系列细节BorderWidth=2；系列详图['图纸样式']='柱面；系列详细信息[' Piedrawingstyle ']=' SoftEdge '；数据点；foreach(结果模型导致结果){ point=新数据点()；重点AxisLabel=结果。身份证；重点YValues=新的double[] {double .解析（结果. GPA)}；系列细节。点数加（点);}系列详细信息.图表区="结果图表";返回series detail }[无操作]公共图表区创建图表区(){图表区图表区=新图表区()；图表区。名称="结果图表";图表区。背景色=颜色。透明；图表区AxisX。IsLabelAutoFit=false图表区AxisY。IsLabelAutoFit=false图表区axsx。拉伯尔斯风格。Font=new Font(' Verdana，Arial，Helvetica，无衬线，8F，FontStyle .常规);图表区AxisY。标签样式。Font=new Font(' Verdana，Arial，Helvetica，无衬线，8F，FontStyle .常规);图表区AxisY。线条颜色=颜色.FromArgb(64，64，64，64)；图表区AxisX。线条颜色=颜色.FromArgb(64，64，64，64)；图表区AxisY。主网格。线条颜色=颜色.FromArgb(64，64，64，64)；图表区x轴主网格。线条颜色=颜色.FromArgb(64，64，64，64)；图表区轴x .间隔=1；返回chartArea} #endregion图表类的各种属性，可以控制宽度，高度，边框颜色，背景颜色，皮肤，调色板，等。最终形成图片格式展现在页面。

这里介绍的项目是ASP .NET MVC的图表控件的一个小演示示例，最终展示如下：

以上就是告诉大家如何使用ASP .NET MVC中的图表控件，希望对大家的学习有所帮助。