Chart控件的用法和部署

来源：互联网发布：异人启示录佩玄知乎编辑：程序博客网时间：2024/06/05 00:58

最近，导师让我做统计图，因为以前没有接触过，所以动起手来，难免会遇到很多的问题！经过一段时间的搜集资料和亲手操作，终于实现了我需要的功能！为了方便大家以后会更好的使用Chart控件和节省大家的时间，因此和大家分享一下我做的过程！

首先，需要安装使用Chart控件需要的一些组件，所需组件列表如下：

这些组件都可以在微软网站上下载！

其次：这些组件安装完毕以后就可以在工具箱中看到此控件：

另外，要在web.config中进行一些配置，代码如下：

需要在"<system.web><pages><controls>"中添加如下：

<add tagPrefix="asp" namespace="System.Web.UI.DataVisualization.Charting" assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>

.在"<httpHandlers>"中添加如下部分：

<add path="ChartImg.axd" verb="GET,HEAD" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler,

System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral,PublicKeyToken=31bf3856ad364e35"validate="false"/>

而且，要添加System.Web.DataVisualization引用，否则，可能会出错！

命名空间： System.Web.UI.DataVisualization.Charting
程序集： System.Web.DataVisualization（在System.Web.DataVisualization.dll 中）

然后，添加一个chart控件到设计面板，并配置chart控件的数据源

.aspx中的部分代码如下：

<asp:Chart ID="Chart1" runat="server"BorderlineColor="Cyan"
   DataSourceID="AccessDataSource1" Width="1135px"Height="599px"
       BorderlineWidth="2">
       <BorderSkin BackColor="128, 255, 255"BackGradientStyle="HorizontalCenter"
           BorderColor="192, 255, 255" BorderWidth="2" PageColor="255, 192,192"
           SkinStyle="FrameThin1" />
       <Titles>
           <asp:Title Font="Microsoft Sans Serif, 14.25pt"Name="Title1" Text="站点分布图"
               TextOrientation="Horizontal">
           </asp:Title>
       </Titles>
   <Series>
       <asp:Series Name="Series1" Legend="Legend1"XValueMember="站名"
           XValueType="String" YValueMembers="数目" YValueType="Int32"Color="Red"
           CustomProperties="DrawingStyle=LightToDark" Font="Microsoft SansSerif, 8.25pt"
           IsValueShownAsLabel="True" IsXValueIndexed="True"Palette="Bright">
       </asp:Series>
   </Series>
   <ChartAreas>
       <asp:ChartAreaName="ChartArea1">
           <AxisY ArrowStyle="SharpTriangle"TextOrientation="Stacked" Title="数目">
               <MajorGrid Enabled="False" />
           </AxisY>
           <AxisX ArrowStyle="Triangle" Enabled="True"TextOrientation="Horizontal"
               Title="站点名称" IntervalIsLabel
               LabelLabel>
               <MajorGrid Enabled="False" />
               <LabelStyle Angle="90" Font="Microsoft Sans Serif,8.25pt" Interval="1"
                   IntervalOffset="1" />
           </AxisX>
           <Position Height="83.80773" Width="94" X="3"Y="13.1922684" />
       </asp:ChartArea>
   </ChartAreas>
</asp:Chart>

这些代码都不用你写，你只需要在配置chart控件的属性，就可以完成很多操作！

最终的效果如图所示：

这只是柱形图，利用chart控件可以轻松制作很多种类的统计图！

1 0