gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章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 style="margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; background: rgb(242, 246, 251); width: 640px; clear: both; border-top: 1px solid rgb(0, 153, 204); border-right: 1px solid rgb(0, 153, 204); border-left: 1px solid rgb(0, 153, 204); border-image: initial; border-bottom: none; font-family: tahoma, arial, "Microsoft YaHei";"> 复制代码代码如下

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轴标题         Chart1.ChartAreas["ChartArea1"].AxisY.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远         Chart1.ChartAreas["ChartArea1"].AxisX.Interval = 1;//X轴数据的间距         Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线         Chart1.Series[0].IsValueShownAsLabel = true;//显示坐标值         #endregion     } 。

    protected void GetStyle2(DataTable dt)     {         #region 样条图(平滑曲线)         Chart2.DataSource = dt;//绑定数据         Chart2.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Spline;//设置图表类型         Chart2.Series["Series1"].MarkerStyle = System.Web.UI.DataVisualization.Charting.MarkerStyle.Cross;//设置点的样式,十字形         Chart2.Series[0].XValueMember = "Country";//X轴数据成员列         Chart2.Series[0].YValueMembers = "Score";//Y轴数据成员列         Chart2.ChartAreas["ChartArea1"].AxisX.Title = "国家";//X轴标题         Chart2.ChartAreas["ChartArea1"].AxisX.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远         Chart2.ChartAreas["ChartArea1"].AxisY.Title = "金牌";//X轴标题         Chart2.ChartAreas["ChartArea1"].AxisY.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远         Chart2.ChartAreas["ChartArea1"].AxisX.Interval = 1;//X轴数据的间距         Chart2.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线         Chart2.Series[0].IsValueShownAsLabel = true;//显示坐标值         #endregion     } 。

    protected void GetStyle3(DataTable dt)     {         #region 条形图         Chart3.DataSource = dt;//绑定数据         Chart3.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Bar;//设置图表类型         Chart3.Series[0].XValueMember = "Country";//X轴数据成员列         Chart3.Series[0].YValueMembers = "Score";//Y轴数据成员列         Chart3.ChartAreas["ChartArea1"].AxisX.Title = "国家";//X轴标题         Chart3.ChartAreas["ChartArea1"].AxisX.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远         Chart3.ChartAreas["ChartArea1"].AxisY.Title = "金牌";//X轴标题         Chart3.ChartAreas["ChartArea1"].AxisY.TitleAlignment = StringAlignment.Far;//设置Y轴标题的名称所在位置位远         Chart3.ChartAreas["ChartArea1"].AxisX.Interval = 1;//X轴数据的间距         Chart3.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线         Chart3.Series[0].IsValueShownAsLabel = true;//显示坐标值         #endregion     } 。

    protected void GetStyle4(DataTable dt)     {         #region 饼形图         Chart4.DataSource = dt;//绑定数据         Chart4.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Pie;//设置图表类型         Chart4.Series[0].XValueMember = "Country";//X轴数据成员列         Chart4.Series[0].YValueMembers = "Score";//Y轴数据成员列         Chart4.Series[0].LegendMapAreaAttributes = "Country"; //显示国家         Chart4.Series[0].IsValueShownAsLabel = true;//显示坐标值         #endregion 。

    }     /// <summary>     /// 创建一张二维数据表     /// </summary>     /// <returns>Datatable类型的数据表</returns>     protected DataTable CreatData()     {         DataTable dt = new DataTable();         dt.Columns.Add("Country", System.Type.GetType("System.String"));         dt.Columns.Add("Score", System.Type.GetType("System.String"));         string[] n = new string[] { "中国","美国", "俄罗斯", "英国" };         string[] c = new string[] { "85","80", "50", "35" };         for (int i = 0; i < 4; i++)         {             DataRow dr = dt.NewRow();             dr["Country"] = n[i];             dr["Score"] = c[i];             dt.Rows.Add(dr);         }         return dt;     } } 。

  。

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

最后此篇关于asp.net微软图表控件使用示例代码分享的文章就讲到这里了,如果你想了解更多关于asp.net微软图表控件使用示例代码分享的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com