在ASP中制作各种三维图表的方法 网

序

众所周知，通过图表控制，我们不仅可以表达数据，还可以比较各种图表的数据，比如比较去年和今年的收入。图表有很多种类型，如直方图、折线图、条形图、组合图等。

首先，我将展示如何绘制一个简单的图表。

简单图表的步骤

第一步

创建一个新的“ASP。NET空网站”。

第二步

在解决方案资源管理器中添加新项和新表单。

第三步

工具栏-标准-项目。我们将看到中有两个图表选项。Net框架组件。它们将被检查并保存。那个。net framework及更高版本将图表控件集成到工具箱中，这是3.5及更低版本所必需的。

第四步

转到工具栏-数据-图表，并将其从工具栏拖到页面。

第五步

将图表控件拖到页面后，IDE会自动将以下四个标签添加到web.config文件中，同时在Default.aspx的设计器页面上可以看到一个普通的图表。

appSettings add key=' ChartImageHandler ' value=' storage=file；超时=20；' dir=c: \ TempImageFiles \'//appSettings httpHandlers添加路径='ChartImg.axd '动词='GET，HEAD，POST '类型='System。系统。Web.DataVisualization，Version=4.0.0.0，区域性=中性，public key token=31bf 3856 ad 364 e 35 ' validate=' false '/httpHandlers控件添加标记前缀='asp '命名空间='System。web . ui . data visualization . charging ' assembly=' System。Web.DataVisualization，版本=4.0.0.0，区域性=中性，public key token=31bf 3856 ad 364 e 35 '/控件程序集添加程序集='System。Web.DataVisualization，Version=4.0.0.0，区域性=中性，公钥标记=31bf3856ad364e35'/程序集步骤6

右键单击图表并输入属性。属性窗口来选择和添加数据源。当然，我们也可以使用代码将数据绑定到图表。下面3D图表的代码我就用绑定的方法。

第七步

成功添加数据源后，返回属性窗口，点击series，我们会看到这样一个窗口。

第八步

设置系列数据源中x轴和y轴的对应项。这里，我将x轴对应项的值设置为姓名，y轴对应项的值设置为年龄。如果要命名图表中的x轴和y轴，请返回属性窗口并单击图表区域，您将看到一个轴属性。

第九步

运行程序，输出结果如下。

图表类型

如果你想要各种类型的图表，这很简单。右键单击图表显示智能标签，您可以选择各种图表类型。

三维图表

与其他图表相比，3D图表的优势在于看起来更清晰、更直观。现在我们来讨论一下如何制作3D图表。

首先，创建一个新的网站，并将图表拖到aspx页面。如上所述，代码会自动添加到web.config文件中。那么在aspx页面中只有一个图表区标签。让我们把3D变成真实。我们还可以使用向导右键单击图表-属性-图表区域属性，然后在三维图表设置中将三维更改为真，默认情况下为假。

代码：

% @ Page Language=' c# ' AutoEventWireup=' true ' CodeFile='考试图表。aspx。cs“Inherits=”考试图表“% % @ Register Assembly=”System“.网络。数据可视化，版本=4.0.0.0,区域性=中性，公钥标记=31bf 3856 ad 364 e 35 '命名空间='系统.网络。ui。数据可视化。正在充电'标记前缀=' ASP ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' Title/Title/head dy form ID=' form 1 ' runat=' server ' div ASP 3360图表ID=' score chart ' Width=' 6000得分/AxisY AxisX Title='姓名/axis xarea 3d样式Enable3D=' True '墙宽=' 10 '/区域3d样式/asp3360图表区/图表区Titles asp3360 title Name=' title 1 ' Text='得分情况/asp3360标题/标题/asp3360图表/分区/表单/正文/html然后新建一个类：

公共类运行{公共字符串名称{获取设置；}公共int Point { get设置；}}创建数据源，将数据源绑定到图表中，绑定方法的代码如下：

使用系统；使用系统。集合。通用；使用系统网络。用户界面使用系统。网页。用户界面。数据可视化。图表；公共部分类示例图表：系统网络。用户界面。第{页受保护的无效页面_加载(对象发送者，事件参数e) { if(！页面. IsPostBack){ Binddata()；} } private void BindData(){ var runs=new listron(){ new run(){ Name='王利，点=200},新运行(){名称='张明，点=32 },新运行(){名称='孙超，点=78 },新运行(){名称='李飞，点=50 },新运行(){名称='赵越，点=32 },新运行(){名称='王洪，点=155},新运行(){名称='宋伟，点=22 } }var系列=记分卡。系列[' RunSeries ']；foreach(运行中的定义变量考试){ var point=新数据点()；重点SetValueXY(考试。名字，考试。点);重点。标签=考试重点。ToString()；系列。点数加（点);}记分卡。数据源=运行；记分卡. DataBind()；}受保护的作废记分卡_加载(对象发送者，事件参数){ }}运行程序，效果图：

我们知道，生效三维(三维的缩写)后我们就可以创建一个三维(三维的缩写)图表，它是一个布尔类型可能是为真实的也可能是为假的，默认情况下通常为假的。此外，在ASP .网中，3D图表的角度也可以调整，介于90度到-90度之间。-90度会使图表会完全处于置底，90度则会完全置顶。有一个属性被称为"已聚集"属性是一个布尔值，即使使用具有相同类型和性质的多个图表，它也能展现良好的视图效果。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对我们的支持。