在asp.net中如何使用chart控件绑定数据库数据并且显示多条折线,希望能够附上代码
1个回答
展开全部
aspx页面代码
<asp:Chart ID="Chart1" runat="server" Width="1000px" Height="450px" >
<Series>
<asp:Series Name="Series1" YValuesPerPoint="2" IsValueShownAsLabel="True" BackImageTransparentColor="224, 224, 224"
BorderColor="Transparent" Palette="Pastel" Label="#VALY人次">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1" BackColor="Transparent">
<AxisY Enabled="True" LineColor="Transparent">
<MajorGrid Enabled="True" LineColor="Silver" />
<MajorGrid LineColor="Silver"></MajorGrid>
<MajorTickMark Enabled="False" />
</AxisY>
<AxisX Interval="1" LogarithmBase="99" IsLabelAutoFit="False" LineColor="Transparent">
<MajorGrid Enabled="False" />
<MajorTickMark Enabled="False" />
<LabelStyle TruncatedLabels="False" />
<MajorGrid Enabled="False"></MajorGrid>
<MajorTickMark Enabled="False"></MajorTickMark>
</AxisX>
<Position Height="97" Width="100" Y="3" />
<Area3DStyle Enable3D="True" IsRightAngleAxes="False" Inclination="10" PointDepth="100"
Rotation="10" />
<Position Y="3" Width="100" Height="97"></Position>
<Area3DStyle Enable3D="True" IsRightAngleAxes="False" Inclination="10" Rotation="10">
</Area3DStyle>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
aspx.cs页面代码
Chart1.Series[0].Points.DataBindXY(查询出来的数据集, "x轴显示的内容(注意必须是在查询出来的数据集中的列明)", 查询出来的数据集, “y轴显示的内容(注意必须是在查询出来的数据集中的列明)");
Chart1.Series[0].ToolTip = "鼠标移动上去显示的内容";
以上的代码是我从一个项目中复制出来的一部分上面的图形是默认柱图,如果楼主需要波浪形的图可以设置Series中的CharType属性,这个属性就是改变图形。其实Char这个控件属性很多,主要分四个地方设置(图例,图标区、序列、图表标题)里面属性很多可以一个一个自己试下,或者找微软提供的实例文档看看。
<asp:Chart ID="Chart1" runat="server" Width="1000px" Height="450px" >
<Series>
<asp:Series Name="Series1" YValuesPerPoint="2" IsValueShownAsLabel="True" BackImageTransparentColor="224, 224, 224"
BorderColor="Transparent" Palette="Pastel" Label="#VALY人次">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1" BackColor="Transparent">
<AxisY Enabled="True" LineColor="Transparent">
<MajorGrid Enabled="True" LineColor="Silver" />
<MajorGrid LineColor="Silver"></MajorGrid>
<MajorTickMark Enabled="False" />
</AxisY>
<AxisX Interval="1" LogarithmBase="99" IsLabelAutoFit="False" LineColor="Transparent">
<MajorGrid Enabled="False" />
<MajorTickMark Enabled="False" />
<LabelStyle TruncatedLabels="False" />
<MajorGrid Enabled="False"></MajorGrid>
<MajorTickMark Enabled="False"></MajorTickMark>
</AxisX>
<Position Height="97" Width="100" Y="3" />
<Area3DStyle Enable3D="True" IsRightAngleAxes="False" Inclination="10" PointDepth="100"
Rotation="10" />
<Position Y="3" Width="100" Height="97"></Position>
<Area3DStyle Enable3D="True" IsRightAngleAxes="False" Inclination="10" Rotation="10">
</Area3DStyle>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
aspx.cs页面代码
Chart1.Series[0].Points.DataBindXY(查询出来的数据集, "x轴显示的内容(注意必须是在查询出来的数据集中的列明)", 查询出来的数据集, “y轴显示的内容(注意必须是在查询出来的数据集中的列明)");
Chart1.Series[0].ToolTip = "鼠标移动上去显示的内容";
以上的代码是我从一个项目中复制出来的一部分上面的图形是默认柱图,如果楼主需要波浪形的图可以设置Series中的CharType属性,这个属性就是改变图形。其实Char这个控件属性很多,主要分四个地方设置(图例,图标区、序列、图表标题)里面属性很多可以一个一个自己试下,或者找微软提供的实例文档看看。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询