C# Chart各個屬性詳細解析、應用

Chart筆記

 

前臺頁面代碼:

<form id="form1" runat="server">

    <div>

    

        <asp:Chart ID="Chart1" runat="server">

            <Series>

                <asp:Series Name="Series1">

                </asp:Series>

                 <asp:Series Name="Series2">

                </asp:Series>

            </Series>

            <ChartAreas>

                <asp:ChartArea Name="ChartArea1">

                </asp:ChartArea>

            </ChartAreas>

        </asp:Chart>

    

    </div>

</form>

 

 

後臺代碼以及屬性的解釋:

 

        static string sqlconn = "Data Source=.;Initial Catalog=XTest;Integrated Security=True";

 

        protected void Page_Load(object sender, EventArgs e)

        {

 

            xxw x = getData();

            Chart1.DataSource = getlist();

 

            #region 圖表樣式

            Chart1.BackGradientStyle= = System.Windows.Forms.DataVisualization.Charting.GradientStyle.TopBottom;//指定圖表元素的漸變樣式(中心向外，從左到右，從上到下等等)

            Chart1.BackSecondaryColor = System.Drawing.Color.Yellow;//設置背景的輔助顏色

            Chart1.BorderlineColor = System.Drawing.Color.Yellow;//設置圖像邊框的顏色

            Chart1.BorderlineDashStyle=  System.Windows.Forms.DataVisualization.Charting.ChartDashStyle.Solid;//設置圖像邊框線的樣式(實線、虛線、點線)

            Chart1.BorderlineWidth = 2;//設置圖像的邊框寬度

            Chart1.BorderSkin.SkinStyle=  System.Windows.Forms.DataVisualization.Charting.BorderSkinStyle.Emboss;//設置圖像的邊框外觀樣式

            Chart1.BackColor = System.Drawing.Color.Yellow;//設置圖表的背景顏色

            #endregion

 

 

            #region 數據樣式

            Chart1.Series["Series1"].XValueMember = "name";//設置X軸的數據源

            Chart1.Series["Series1"].YValueMembers = "mobile";//設置Y軸的數據源

            Chart1.Series["Series2"].XValueMember = "name";

            Chart1.Series["Series2"].YValueMembers = "id";

            Chart1.Series["Series2"].Color = System.Drawing.Color.Red;//設置顏色

            Chart1.Series["Series2"].ChartType= System.Web.UI.DataVisualization.Charting.SeriesChartType.Line;//設置圖表的類型(餅狀、線狀等等)

            Chart1.Series["Series1"].IsValueShownAsLabel = true;//設置是否在Chart中顯示座標點值

            Chart1.Series["Series1"].BorderColor = System.Drawing.Color.Red;//設置數據邊框的顏色

            Chart1.BackColor = System.Drawing.Color.Red;//設置圖表的背景顏色

            Chart1.Series["Series1"].Color = System.Drawing.Color.Black;//設置數據的顏色

            Chart1.Series["Series1"].Name = "數據1";//設置數據名稱

            Chart1.Series["數據1"].ShadowOffset = 1;//設置陰影偏移量

            Chart1.Series["數據1"].ShadowColor = System.Drawing.Color.PaleGreen;//設置陰影顏色

            #endregion

 

 

            #region 圖表區域樣式

 

            Chart1.ChartAreas["ChartArea1"].Name = "圖表區域";

            Chart1.ChartAreas["圖表區域"].Position.Auto = true;//設置是否自動設置合適的圖表元素

            Chart1.ChartAreas["圖表區域"].ShadowColor = System.Drawing.Color.YellowGreen;//設置圖表的陰影顏色

            Chart1.ChartAreas["圖表區域"].Position.X=5.089137F;//設置圖表元素左上角對應的X座標

            Chart1.ChartAreas["圖表區域"].Position.Y = 5.895753F;//設置圖表元素左上角對應的Y座標

            Chart1.ChartAreas["圖表區域"].Position.Height = 86.76062F;//設置圖表元素的高度

            Chart1.ChartAreas["圖表區域"].Position.Width = 88F;//設置圖表元素的寬度

 

            Chart1.ChartAreas["圖表區域"].InnerPlotPosition.Auto = false;//設置是否在內部繪圖區域中自動設置合適的圖表元素

            Chart1.ChartAreas["圖表區域"].InnerPlotPosition.Height = 85F;//設置圖表元素內部繪圖區域的高度

            Chart1.ChartAreas["圖表區域"].InnerPlotPosition.Width = 86F;//設置圖表元素內部繪圖區域的寬度

            Chart1.ChartAreas["圖表區域"].InnerPlotPosition.X = 8.3969F;//設置圖表元素內部繪圖區域左上角對應的X座標

            Chart1.ChartAreas["圖表區域"].InnerPlotPosition.Y = 3.63068F;//設置圖表元素內部繪圖區域左上角對應的Y座標

 

            Chart1.ChartAreas["圖表區域"].Area3DStyle.Inclination = 10;//設置三維圖表的旋轉角度

            Chart1.ChartAreas["圖表區域"].Area3DStyle.IsClustered = true;//設置條形圖或柱形圖的的數據系列是否爲簇狀

            Chart1.ChartAreas["圖表區域"].Area3DStyle.IsRightAngleAxes = true;//設置圖表區域是否使用等角投影顯示

            Chart1.ChartAreas["圖表區域"].Area3DStyle.LightStyle = System.Web.UI.DataVisualization.Charting.LightStyle.Realistic;//設置圖表的照明類型(色調隨旋轉角度改變而改變，不該用照明，色調不改變)

            Chart1.ChartAreas["圖表區域"].Area3DStyle.Perspective = 50;//設置三維圖區的透視百分比

            Chart1.ChartAreas["圖表區域"].Area3DStyle.Rotation = 60;//設置三維圖表區域繞垂直軸旋轉的角度

            Chart1.ChartAreas["圖表區域"].Area3DStyle.WallWidth = 0;//設置三維圖區中顯示的牆的寬度

            Chart1.ChartAreas["圖表區域"].Area3DStyle.Enable3D = true;//設置是否顯示3D效果

 

            Chart1.ChartAreas["圖表區域"].BackColor = System.Drawing.Color.Green;//設置圖表區域的背景顏色

            Chart1.ChartAreas["圖表區域"].BackGradientStyle = System.Windows.Forms.DataVisualization.Charting.GradientStyle.LeftRight;//指定圖表元素的漸變樣式(中心向外，從左到右，從上到下等等)

            Chart1.ChartAreas["圖表區域"].BackSecondaryColor = System.Drawing.Color.White;//設置圖表區域的輔助顏色

            Chart1.ChartAreas["圖表區域"].BorderColor = System.Drawing.Color.White;//設置圖表區域邊框顏色

            Chart1.ChartAreas["圖表區域"].BorderDashStyle = System.Windows.Forms.DataVisualization.Charting.ChartDashStyle.Solid;//設置圖像邊框線的樣式(實線、虛線、點線)

 

            Chart1.ChartAreas["圖表區域"].AxisX.LabelStyle.Font = new System.Drawing.Font("Trebuchet MS", 8.25F, System.Drawing.FontStyle.Bold);//設置X軸下方的提示信息的字體屬性

            Chart1.ChartAreas["圖表區域"].AxisX.LabelStyle.Format = "";//設置標籤文本中的格式字符串

            Chart1.ChartAreas["圖表區域"].AxisX.LabelStyle.Interval=5D;//設置標籤間隔的大小

            Chart1.ChartAreas["圖表區域"].AxisX.LabelStyle.IntervalType = System.Web.UI.DataVisualization.Charting.DateTimeIntervalType.Number;//設置間隔大小的度量單位

            Chart1.ChartAreas["圖表區域"].AxisX.LineColor = System.Drawing.Color.White;//設置X軸的線條顏色

            Chart1.ChartAreas["圖表區域"].AxisX.MajorGrid.Interval=5D;//設置主網格線與次要網格線的間隔

            Chart1.ChartAreas["圖表區域"].AxisX.MajorGrid.IntervalType = System.Web.UI.DataVisualization.Charting.DateTimeIntervalType.Number;//設置主網格線與次網格線的間隔的度量單位

            Chart1.ChartAreas["圖表區域"].AxisX.MajorGrid.LineColor = System.Drawing.Color.Snow;//設置網格線的顏色

            Chart1.ChartAreas["圖表區域"].AxisX.MajorTickMark.Interval = 5D;//設置刻度線的間隔

            Chart1.ChartAreas["圖表區域"].AxisX.MajorTickMark.IntervalType = System.Web.UI.DataVisualization.Charting.DateTimeIntervalType.Number;//設置刻度線的間隔的度量單位

 

            Chart1.ChartAreas["圖表區域"].AxisY.IsLabelAutoFit = false;//設置是否自動調整軸標籤

            Chart1.ChartAreas["圖表區域"].AxisY.IsStartedFromZero = false;//設置是否自動將數據值均爲正值時軸的最小值設置爲0，存在負數據值時，將使用數據軸最小值

            Chart1.ChartAreas["圖表區域"].AxisY.LabelStyle.Font = new System.Drawing.Font("Trebuchet MS", 8.25F, System.Drawing.FontStyle.Bold);//設置Y軸左側的提示信息的字體屬性

            Chart1.ChartAreas["圖表區域"].AxisY.LineColor = System.Drawing.Color.DarkBlue;//設置軸的線條顏色

            Chart1.ChartAreas["圖表區域"].AxisY.MajorGrid.LineColor = System.Drawing.Color.White;//設置網格線顏色

 

            Chart1.ChartAreas["圖表區域"].AxisY.Maximum = getmax() + 100;//設置Y軸最大值

            Chart1.ChartAreas["圖表區域"].AxisY.Minimum=0;//設置Y軸最小值

 

            #endregion

 

 

            #region 圖例樣式

            Legend l = new Legend();//初始化一個圖例的實例

            l.Alignment = System.Drawing.StringAlignment.Near;//設置圖表的對齊方式(中間對齊，靠近原點對齊，遠離原點對齊)

            l.BackColor = System.Drawing.Color.Black;//設置圖例的背景顏色

            l.DockedToChartArea = "ChartArea1";//設置圖例要停靠在哪一個區域上

            l.Docking = System.Windows.Forms.DataVisualization.Charting.Docking.Bottom;//設置停靠在圖表區域的位置(底部、頂部、左側、右側)

            l.Font =new System.Drawing.Font("Trebuchet MS", 8.25F, System.Drawing.FontStyle.Bold);//設置圖例的字體屬性

            l.IsTextAutoFit = true;//設置圖例文本是否能夠自動調節大小

            l.LegendStyle = System.Windows.Forms.DataVisualization.Charting.LegendStyle.Column;//設置顯示圖例項方式(多列一行、一列多行、多列多行)

            l.Name = "l1";//設置圖例的名稱

            Chart1.Legends.Add(l.Name);

            #endregion

 

 

        }

 

 

        #region 數據

 

        public xxw getData()

        {

            using (SqlConnection conn = new SqlConnection(sqlconn))

            {

                conn.Open();

                string sql = "select * from xxw";

                SqlCommand comm = conn.CreateCommand();

                comm.CommandText = sql;

                SqlDataReader r = comm.ExecuteReader();

                if (r.HasRows)

                {

                    r.Read();

                    xxw x = new xxw();

                    x.Id = Convert.ToInt32(r["id"]);

                    x.Name = r["name"].ToString();

                    x.Sex = r["sex"].ToString();

                    x.Address = r["address"].ToString();

                    x.Mobile = Convert.ToInt32(r["mobile"]);

                    x.Intro = r["intro"].ToString();

 

                    return x;

                }

                else

                {

                    return null;

                }

            }

        }

 

        public DataSet getlist()

        {

            using (SqlConnection conn = new SqlConnection(sqlconn))

            {

                conn.Open();

                string sql = "select * from xxw";

                SqlCommand comm = conn.CreateCommand();

                comm.CommandText = sql;

                SqlDataAdapter adapter = new SqlDataAdapter(sql, conn);

                DataSet ds = new DataSet();

                adapter.Fill(ds);

                return ds;

            }

        }

 

        public int getmax()

        {

            using (SqlConnection conn = new SqlConnection(sqlconn))

            {

                conn.Open();

                string sql = "select Max(mobile) from xxw";

                SqlCommand comm = conn.CreateCommand();

                comm.CommandText = sql;

                int max = Convert.ToInt32(comm.ExecuteScalar());

                return max;

            }

        }

 

        #endregion