您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> asp.net编程 >> 正文

asp.net微软图表控件使用示例代码分享

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了asp.net微软图表控件使用示例代码,有需要的朋友可以参考一下

 代码如下: <configuration>   <system.webServer>     <handlers>       <remove name="ChartImageHandler" />       <add name="ChartImageHandler" preCondition="integratedMode" verb="GET,HEAD,POST"         path="ChartImg.axd" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />     </handlers>   </system.webServer>   <system.web>     <httpHandlers>       <add path="ChartImg.axd" verb="GET,HEAD,POST" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"         validate="false" />     </httpHandlers>   </system.web> </configuration>    代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="chart.aspx.cs" Inherits="chart" %>   <%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"     Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title>MsChart图表控件</title> </head> <body>     <form id="form1" runat="server">     <div>         <asp:Chart ID="Chart1" runat="server" Width="500px" BorderDashStyle="Solid" Palette="BrightPastel" imagetype="Png"  BackSecondaryColor="White" BackGradientStyle="TopBottom" BorderWidth="2" backcolor="#D3DFF0" BorderColor="26, 59, 105">             <Titles>                 <asp:Title Font="微软雅黑, 16pt" Name="Title1" Text="统计表">                 </asp:Title>             </Titles>             <borderskin skinstyle="Emboss"></borderskin>             <Series>                 <asp:Series Name="Series1"  ChartType="Bubble" MarkerSize="8" MarkerStyle="Circle">                 </asp:Series>             </Series>             <ChartAreas>                 <asp:ChartArea Name="ChartArea1"  BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent" BackColor="64, 165, 191, 228" ShadowColor="Transparent" BackGradientStyle="TopBottom">                 </asp:ChartArea>             </ChartAreas>         </asp:Chart>             <asp:Chart ID="Chart2" runat="server">             <Series>                 <asp:Series Name="Series1">                 </asp:Series>             </Series>             <ChartAreas>                 <asp:ChartArea Name="ChartArea1">                 </asp:ChartArea>             </ChartAreas>         </asp:Chart>         <br/>           <asp:Chart ID="Chart3" runat="server">             <Series>                 <asp:Series Name="Series1">                 </asp:Series>             </Series>             <ChartAreas>                 <asp:ChartArea Name="ChartArea1">                 </asp:ChartArea>             </ChartAreas>         </asp:Chart>           <asp:Chart ID="Chart4" runat="server">         <Legends>             <asp:Legend Title="金牌榜"></asp:Legend>         </Legends>             <Series>                 <asp:Series Name="Series1">                 </asp:Series>             </Series>             <ChartAreas>                 <asp:ChartArea Name="ChartArea1">                 </asp:ChartArea>             </ChartAreas>         </asp:Chart>     </div>     </form> </body> </html>     代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data; using System.Web.UI; using System.Web.UI.WebControls; //add using System.Drawing;   public partial class chart : System.Web.UI.Page {     protected void Page_Load(object sender, EventArgs e)     {         DataTable dt = CreatData();         GetStyle1(dt);         GetStyle2(dt);         GetStyle3(dt);         GetStyle4(dt);     }         protected void GetStyle1(DataTable dt)     {         #region 折线图         Chart1.DataSource = dt;//绑定数据         Chart1.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Line;//设置图表类型         Chart1.Series[0].XValueMember = "Country";//X轴数据成员列         Chart1.Series[0].YValueMembers = "Score";//Y轴数据成员列         Chart1.ChartAreas["ChartArea1"].AxisX.Title = "国家";//X轴标题         Chart1.ChartAreas["ChartArea1"].AxisX.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远         Chart1.ChartAreas["ChartArea1"].AxisY.Title = "金牌";//X轴标题       &