C# Chart各个属性详细解析应用

Posted 2020-10-05 赵老

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