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