Chart控件的用法和部署

          最近，导师让我做统计图，因为以前没有接触过，所以动起手来，难免会遇到很多的问题！经过一段时间的搜集资料和亲手操作，终于实现了我需要的功能！为了方便大家以后会更好的使用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控件可以轻松制作很多种类的统计图！