首頁 > 開發者 > ASP

ZedGraph 在asp.net 中簡單應用

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
首先項目中引用了 ZedGraph.dll 和 ZedGraph.web.dll
 並且在工具箱中添加了
畫曲線圖

aspx頁面代碼如下:
<%@ Page language="c#" Codebehind="CookePic.aspx.cs" AutoEventWireup="false" Inherits="WS.Webs.CookePic" %>
<%@ Register TagPrefix="cc1" Namespace="ZedGraph.Web" Assembly="ZedGraph.Web" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>CookePic</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <cc1:ZedGraphWeb id="ZedGraphWeb1" runat="server"></cc1:ZedGraphWeb>
  </form>
 </body>
</HTML>

aspx.cs 頁面關鍵代碼

//引用
using ZedGraph;
using ZedGraph.Web;

private void InitializeComponent()
  {   
   this.Load += new System.EventHandler(this.Page_Load);
   this.ZedGraphWeb1.RenderGraph +=new ZedGraphWebControlEventHandler(this.OnRenderGraph);
}

private void OnRenderGraph(ZedGraph.Web.ZedGraphWeb webObject, System.Drawing.Graphics g, ZedGraph.MasterPane masterPane)
  {
   DataTable dt=new DataTable();

   DataColumn col0=new DataColumn("股票名稱");
   DataColumn col1=new DataColumn("1月");
   DataColumn col2=new DataColumn("2月");
   DataColumn col3=new DataColumn("3月");
   DataColumn col4=new DataColumn("4月");
   DataColumn col5=new DataColumn("5月");
   DataColumn col6=new DataColumn("6月");
   DataColumn col7=new DataColumn("7月");
   DataColumn col8=new DataColumn("8月");
   DataColumn col9=new DataColumn("9月");
   DataColumn col10=new DataColumn("10月");
   DataColumn col11=new DataColumn("11月");
   DataColumn col12=new DataColumn("12月");

   dt.Columns.Add(col0);
   dt.Columns.Add(col1);
   dt.Columns.Add(col2);
   dt.Columns.Add(col3);
   dt.Columns.Add(col4);
   dt.Columns.Add(col5);
   dt.Columns.Add(col6);
   dt.Columns.Add(col7);
   dt.Columns.Add(col8);
   dt.Columns.Add(col9);
   dt.Columns.Add(col10);
   dt.Columns.Add(col11);
   dt.Columns.Add(col12);

   DataRow row1=dt.NewRow();
   row1[0]="萬科";
   row1[1]="10.5";
   row1[2]="11.9";
   row1[3]="12.8";
   row1[4]="15";
   row1[5]="13.5";
   row1[6]="15.5";
   row1[7]="17";
   row1[8]="19";
   row1[9]="20.5";
   row1[10]="25";
   row1[11]="29.5";
   row1[12]="30";
   dt.Rows.Add(row1);

   DataRow row2=dt.NewRow();
   row2[0]="城開";
   row2[1]="18";
   row2[2]="19.5";
   row2[3]="16.9";
   row2[4]="13.2";
   row2[5]="11.9";
   row2[6]="10";
   row2[7]="13";
   row2[8]="15.6";
   row2[9]="18.2";
   row2[10]="16.6";
   row2[11]="11.5";
   row2[12]="9";
   dt.Rows.Add(row2);


   GraphPane myPane = masterPane[0];
  
   myPane.Title.Text = "股票走勢圖";
   myPane.XAxis.Title.Text = "月份";
   myPane.YAxis.Title.Text = "價格";

   //建立兩條曲線
   PointPairList list1 = new PointPairList();
   PointPairList list2 = new PointPairList();
   for (int i = 1; i < dt.Columns.Count; i++)
   {   
    double y1 = double.Parse( dt.Rows[0][i].ToString());
    double y2 =double.Parse( dt.Rows[1][i].ToString());
    int x=i;

    list1.Add(x, y1);
    list2.Add(x, y2);
   }

  
   LineItem myCurve2 = myPane.AddCurve("城開", list1, Color.Blue,SymbolType.Circle);// 添加一條新曲線 
  
   //   myCurve2.Line.Fill = new Fill(Color.White, Color.Red,45F);// 填充曲線下面的空間
  
   myCurve2.Symbol.Fill = new Fill(Color.White);//填充曲線上的符號顏色

  
   LineItem myCurve1 = myPane.AddCurve("萬科",list2, Color.MediumVioletRed, SymbolType.Diamond);
   myCurve1.Symbol.Fill = new Fill(Color.White);

   string[] labels = new string[dt.Columns.Count-1]; 
   //給x軸上的每一個間隔點加上解說文字
   for (int i = 0; i < dt.Columns.Count-1; i++) 
   {
    string colName=dt.Columns[i+1].ColumnName.ToString();
    labels[i] = colName;
   } 

   myPane.XAxis.Scale.TextLabels = labels; //這裡設定的是TextLabels屬性，所以下面x軸的類型必須也設定為Text  

   //設定x軸的樣式
   myPane.XAxis.Type = AxisType.Text;

   myPane.XAxis.CrossAuto = true;
 
   myPane.Chart.Fill = new Fill(Color.White, Color.LightGoldenrodYellow, 45F); // Fill the axis background with a color gradient

   masterPane.AxisChange(g);
  }

 最後效果如下

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關文章
ASP學習總結：錯誤碼
反爬蟲：利用ASP.NET MVC的Filter和緩衝（入坑出坑）
ASP.NET Core 2.0利用MassTransit整合RabbitMQ
實戰中的asp.net core結合Consul叢集&Docker實現服務治理
asp DateDiff實現文字在特定時間後消失
設定和讀取ASP.Net全域變數的方法

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More