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