mschart绘制曲线图

来源：互联网发布：金域名人大酒店编辑：程序博客网时间：2024/06/07 06:09

前台代码

<div style="position:absolute; top:100px; left:10px; width:865px; height:370px;OVERFLOW-y:auto;OVERFLOW-x:auto;">        <asp:Chart ID="Chart1" runat="server" ImageLocation="~/TempImages/ChartPic_#SEQ(300,3)"            Palette="BrightPastel" ImageType="Png" BackSecondaryColor="White" BackGradientStyle="TopBottom"            BorderWidth="2" BackColor="#D3DFF0" BorderColor="26, 59, 105" AntiAliasing="None"            BorderlineDashStyle="Solid">             <Legends>                <asp:Legend IsTextAutoFit="False" Name="Default" BackColor="Transparent" Font="Trebuchet MS, 8.25pt, style=Bold">                </asp:Legend>            </Legends> <%-- 控制小图标的显示格式 --%>            <BorderSkin SkinStyle="Emboss" ></BorderSkin> <%--<!--控制整个图片边缘的格式 -->--%>                        <Series>            <%-- 数据(一个数据集为<asp:Series></asp:Series>)   --%>                       </Series>            <ChartAreas > <%-- 作图区的修饰 --%>                <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid"                    BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent"                    BackGradientStyle="TopBottom">                    <Area3DStyle Rotation="10" Perspective="10" Inclination="15" IsRightAngleAxes="False"                        WallWidth="0" IsClustered="False"></Area3DStyle>                </asp:ChartArea>                             </ChartAreas>        </asp:Chart>    </div>

后台代码：

int[] test = { 100, 70, 40, 30, 20, 65, 56, 30, 50, 90, 80, 70, 90, 10, 80, 60, 50, 40, 30, 20, 10, 30, 100, 70, 40, 30, 20, 60, 50, 30, 50, 90, 80, 70, 30, 20, 10, 30, 100, 70, 40, 30, 20, 60, 50, 30, 50, 90, 80, 70 };  //内销            int[] test1 = { 80, 70, 90, 10, 80, 60, 50, 40, 30, 20, 10, 0, 50, 90, 100, 70, 40, 30, 20, 60, 50, 30, 100, 70, 40, 30, 20, 60, 50, 30, 50, 90, 80, 70, 30, 20, 10, 30, 100, 70, 40, 30, 20, 60, 50, 30, 50, 90, 80, 70 };  //出口                      //图片属性设置            Chart1.Width = (test.Count() * 25 + 200) >= 600 ? test.Count() * 25 + 200 : 600;    //图片宽度            Chart1.Height = 400;                      //图片高度            //chart2.BackColor = Color.Azure;           //图片背景色            Title t2 = new Title("试验2");            //图片标题            Chart1.Titles.Add(t2);            //数据集显示属性设置            //数据集"出口"显示属性设置            Series series1 = new Series("出口");        //数据集声明              series1.ChartType = SeriesChartType.Line;   //数据显示方式 Line:为折线  Spline:曲线             series1.Color = Color.Green;                //线条颜色            series1.BorderWidth = 2;                    //线条宽度            series1.ShadowOffset = 1;                   //阴影宽度            series1.IsVisibleInLegend = true;           //是否显示数据说明            series1.IsValueShownAsLabel = false;        //线条上是否给吃数据的显示            series1.MarkerStyle = MarkerStyle.Circle;   //线条上的数据点标志类型            series1.MarkerSize = 8;                     //              标志的大小            DateTime date1 = DateTime.Now.Date;            for (int i = 0; i < test1.Count(); i++)      //向数据集绑定数据            {                series1.Points.AddXY(date1, test1[i]);                //分别往X,Y轴添加数据(可以为多种类型)    （有多中添加方式）                date1 = date1.AddDays(1);            }            Chart1.Series.Add(series1);                 //把数据集添加到chart中            //数据集"内销"显示属性设置            Series series2 = new Series("内销");            series2.ChartType = SeriesChartType.Line;   //数据显示方式 Line:为折线  Spline:曲线             series2.Color = Color.Red;                //线条颜色            series2.BorderWidth = 2;                    //线条宽度            series2.ShadowOffset = 1;                   //阴影宽度            series2.IsVisibleInLegend = true;           //是否显示数据说明            series2.IsValueShownAsLabel = false;        //线条上是否给吃数据的显示            series2.MarkerStyle = MarkerStyle.Circle;   //线条上的数据点标志类型            series2.MarkerSize = 8;                     //标志的大小            DateTime date = DateTime.Now.Date;            for (int i = 0; i < test.Count(); i++)            {                series2.Points.AddXY(date, test[i]);                date = date.AddDays(1);            }            Chart1.Series.Add(series2);            //作图区的显示属性设置            Chart1.ChartAreas["ChartArea1"].AxisX.IsMarginVisible = false;            Chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = false;            //背景色设置            Chart1.ChartAreas["ChartArea1"].ShadowColor = Color.Transparent;            Chart1.ChartAreas["ChartArea1"].BackColor = Color.Azure;         //该处设置为了由天蓝到白色的逐渐变化            Chart1.ChartAreas["ChartArea1"].BackGradientStyle = GradientStyle.TopBottom;            Chart1.ChartAreas["ChartArea1"].BackSecondaryColor = Color.White;            //X,Y坐标线颜色和大小            Chart1.ChartAreas["ChartArea1"].AxisX.LineColor = Color.Blue;            Chart1.ChartAreas["ChartArea1"].AxisY.LineColor = Color.Blue;               Chart1.ChartAreas["ChartArea1"].AxisX.LineWidth = 2;              Chart1.ChartAreas["ChartArea1"].AxisY.LineWidth = 2;              Chart1.ChartAreas["ChartArea1"].AxisY.Title = "百分比";              Chart1.ChartAreas["ChartArea1"].AxisX.Title = "时间";            //中间X,Y线条的颜色设置              Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.LineColor = Color.Blue;              Chart1.ChartAreas["ChartArea1"].AxisY.MajorGrid.LineColor = Color.Blue;            //X.Y轴数据显示间隔              Chart1.ChartAreas["ChartArea1"].AxisX.Interval = 1;  //X轴数据显示间隔              Chart1.ChartAreas["ChartArea1"].AxisY.Interval = 10;            //X轴线条显示间隔              Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.Interval = 1;