Andrewniu的博客

QQ技术交流群489645726

关于微软C#中的Chart图表控件的简单使用

最近公司项目要用到Chart图表控件,这是一个比较老的东西了,目前网络上似乎已经不太流行这个控件,但是只要配置了相关的属性,效果还是可以的。前前后后摸索了好久,接下来谈谈这个件控件最重要的几个属性。

1.ChartAreas属性

    ChartAreas属性指绘图区,一个控件可以有多个绘图区,比如我要在同一个控件内显示饼图和柱状图,肯定不能放在同一个ChartAreas区域内,应该在同一个Chart控件里增加两个ChartAreas并分别绑定Series对象。所以ChartAreas属性对应的是一个集合。

2.Series属性

    Series属性就是各种图表的图形啦,比如我们要显示某月的天气变化,那么应该有这样两组数据,一组是天数,一组是每天对应的温度值,同时绑定到Series对象中,再将Series对象Add()到Chart控件的Series属性里即可。为了横向比较,例如我要看本月与上月的天气曲线变化图,并同时显示在同一个ChartAreas中,那该怎么办呢?很简单,再实例一个Series对象,将上月的天数数组与温度值数组绑定到一个新的Series2实例中,再将Series2实例Add()到Chart控件的Series属性里,此时,Chart控件的第一个绘图区ChartArea里就会有两条曲线。

3.Legends属性

    Legend就是指一个图标的图例,当一个Series属性有多个Series时,或是一个Series有几组数据时,为了区分各自的颜色,通常每个Serie对象一种颜色,这就需要用到图例来指明哪个颜色的代表的是什么数据。如下图所示:

4.关于数据的绑定
将要显示的X轴和Y轴的数据分别放到两个数组里在, 然后绑定即可。
cht1.Series[0].Points.DataBindXY(x, y);

完整的代码如下:
复制代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using System.Web.UI.DataVisualization.Charting;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string[] x = new string[] { "南山大队", "福田大队", "罗湖大队", "宝安大队", "指挥处", "大帝科技", "南山大队", "福田大队", "罗湖大队", "宝安大队", "指挥处", "大帝科技"};
        double[] y = new double[] { 541, 574, 345, 854, 684, 257, 541, 574, 345, 854, 684, 257 };
        string[] z = new string[] { "", "", "", "", "", "", "", "", "", "", "", "" };

        string[] a = new string[] { "南山大队", "福田大队", "罗湖大队", "宝安大队", "指挥处", };
        double[] b = new double[] { 541, 574, 345, 854, 257 };

        #region 柱状图
        
        //标题
        cht1.Titles.Add("柱状图数据分析");        
        cht1.Titles[0].ForeColor = Color.White;
        cht1.Titles[0].Font = new Font("微软雅黑", 12f, FontStyle.Regular);
        cht1.Titles[0].Alignment = ContentAlignment.TopCenter;
        cht1.Titles.Add("合计:25414 宗");
        cht1.Titles[1].ForeColor = Color.White;
        cht1.Titles[1].Font = new Font("微软雅黑", 8f, FontStyle.Regular);
        cht1.Titles[1].Alignment = ContentAlignment.TopRight;
        
        //控件背景
        cht1.BackColor = Color.Transparent;
        //图表区背景
        cht1.ChartAreas[0].BackColor = Color.Transparent;
        cht1.ChartAreas[0].BorderColor = Color.Transparent;
        //X轴标签间距
        cht1.ChartAreas[0].AxisX.Interval = 1;
        cht1.ChartAreas[0].AxisX.LabelStyle.IsStaggered = true;
        cht1.ChartAreas[0].AxisX.LabelStyle.Angle = -45;
        cht1.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 14f, FontStyle.Regular);
        cht1.ChartAreas[0].AxisX.TitleForeColor = Color.White;

        //X坐标轴颜色
        cht1.ChartAreas[0].AxisX.LineColor = ColorTranslator.FromHtml("#38587a"); ;
        cht1.ChartAreas[0].AxisX.LabelStyle.ForeColor = Color.White;
        cht1.ChartAreas[0].AxisX.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //X坐标轴标题
        //cht1.ChartAreas[0].AxisX.Title = "数量(宗)";
        //cht1.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        //cht1.ChartAreas[0].AxisX.TitleForeColor = Color.White;
        //cht1.ChartAreas[0].AxisX.TextOrientation = TextOrientation.Horizontal;
        //cht1.ChartAreas[0].AxisX.ToolTip = "数量(宗)";
        //X轴网络线条
        cht1.ChartAreas[0].AxisX.MajorGrid.Enabled = true;
        cht1.ChartAreas[0].AxisX.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");

        //Y坐标轴颜色
        cht1.ChartAreas[0].AxisY.LineColor = ColorTranslator.FromHtml("#38587a"); 
        cht1.ChartAreas[0].AxisY.LabelStyle.ForeColor = Color.White;  
        cht1.ChartAreas[0].AxisY.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //Y坐标轴标题
        cht1.ChartAreas[0].AxisY.Title = "数量(宗)";
        cht1.ChartAreas[0].AxisY.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        cht1.ChartAreas[0].AxisY.TitleForeColor = Color.White;
        cht1.ChartAreas[0].AxisY.TextOrientation = TextOrientation.Rotated270;
        cht1.ChartAreas[0].AxisY.ToolTip = "数量(宗)";
        //Y轴网格线条
        cht1.ChartAreas[0].AxisY.MajorGrid.Enabled = true;
        cht1.ChartAreas[0].AxisY.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");
        
        cht1.ChartAreas[0].AxisY2.LineColor = Color.Transparent;
        cht1.ChartAreas[0].BackGradientStyle = GradientStyle.TopBottom;
        Legend legend = new Legend("legend");
        legend.Title = "legendTitle";
        
        cht1.Series[0].XValueType = ChartValueType.String;  //设置X轴上的值类型
        cht1.Series[0].Label = "#VAL";                //设置显示X Y的值    
        cht1.Series[0].LabelForeColor = Color.White;
        cht1.Series[0].ToolTip = "#VALX:#VAL";     //鼠标移动到对应点显示数值
        cht1.Series[0].ChartType = SeriesChartType.Column;    //图类型(折线)


        cht1.Series[0].Color = Color.Lime;
        cht1.Series[0].LegendText = legend.Name;
        cht1.Series[0].IsValueShownAsLabel = true;
        cht1.Series[0].LabelForeColor = Color.White;
        cht1.Series[0].CustomProperties = "DrawingStyle = Cylinder";
        cht1.Legends.Add(legend);
        cht1.Legends[0].Position.Auto = false;


        //绑定数据
        cht1.Series[0].Points.DataBindXY(x, y);
        cht1.Series[0].Points[0].Color = Color.White;
        cht1.Series[0].Palette = ChartColorPalette.Bright;

        #endregion

        #region 饼图

        //标题
        cht2.Titles.Add("饼图数据分析");
        cht2.Titles[0].ForeColor = Color.White;
        cht2.Titles[0].Font = new Font("微软雅黑", 12f, FontStyle.Regular);
        cht2.Titles[0].Alignment = ContentAlignment.TopCenter;
        cht2.Titles.Add("合计:25412 宗");
        cht2.Titles[1].ForeColor = Color.White;
        cht2.Titles[1].Font = new Font("微软雅黑", 8f, FontStyle.Regular);
        cht2.Titles[1].Alignment = ContentAlignment.TopRight;

        //控件背景
        cht2.BackColor = Color.Transparent;
        //图表区背景
        cht2.ChartAreas[0].BackColor = Color.Transparent;
        cht2.ChartAreas[0].BorderColor = Color.Transparent;
        //X轴标签间距
        cht2.ChartAreas[0].AxisX.Interval = 1;
        cht2.ChartAreas[0].AxisX.LabelStyle.IsStaggered = true;
        cht2.ChartAreas[0].AxisX.LabelStyle.Angle = -45;
        cht2.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 14f, FontStyle.Regular);
        cht2.ChartAreas[0].AxisX.TitleForeColor = Color.White;

        //X坐标轴颜色
        cht2.ChartAreas[0].AxisX.LineColor = ColorTranslator.FromHtml("#38587a"); ;
        cht2.ChartAreas[0].AxisX.LabelStyle.ForeColor = Color.White;
        cht2.ChartAreas[0].AxisX.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //X坐标轴标题
        cht2.ChartAreas[0].AxisX.Title = "数量(宗)";
        cht2.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        cht2.ChartAreas[0].AxisX.TitleForeColor = Color.White;
        cht2.ChartAreas[0].AxisX.TextOrientation = TextOrientation.Horizontal;
        cht2.ChartAreas[0].AxisX.ToolTip = "数量(宗)";
        //X轴网络线条
        cht2.ChartAreas[0].AxisX.MajorGrid.Enabled = true;
        cht2.ChartAreas[0].AxisX.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");

        //Y坐标轴颜色
        cht2.ChartAreas[0].AxisY.LineColor = ColorTranslator.FromHtml("#38587a");
        cht2.ChartAreas[0].AxisY.LabelStyle.ForeColor = Color.White;
        cht2.ChartAreas[0].AxisY.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //Y坐标轴标题
        cht2.ChartAreas[0].AxisY.Title = "数量(宗)";
        cht2.ChartAreas[0].AxisY.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        cht2.ChartAreas[0].AxisY.TitleForeColor = Color.White;
        cht2.ChartAreas[0].AxisY.TextOrientation = TextOrientation.Rotated270;
        cht2.ChartAreas[0].AxisY.ToolTip = "数量(宗)";
        //Y轴网格线条
        cht2.ChartAreas[0].AxisY.MajorGrid.Enabled = true;
        cht2.ChartAreas[0].AxisY.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");

        cht2.ChartAreas[0].AxisY2.LineColor = Color.Transparent;

        //背景渐变
        cht2.ChartAreas[0].BackGradientStyle = GradientStyle.None;

        //图例样式
        Legend legend2 = new Legend("#VALX");
        legend2.Title = "图例";
        legend2.TitleBackColor = Color.Transparent;
        legend2.BackColor = Color.Transparent;
        legend2.TitleForeColor = Color.White;
        legend2.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        legend2.Font = new Font("微软雅黑", 8f, FontStyle.Regular);
        legend2.ForeColor = Color.White;       

        cht2.Series[0].XValueType = ChartValueType.String;  //设置X轴上的值类型
        cht2.Series[0].Label = "#VAL";                //设置显示X Y的值    
        cht2.Series[0].LabelForeColor = Color.White;
        cht2.Series[0].ToolTip = "#VALX:#VAL(宗)";     //鼠标移动到对应点显示数值
        cht2.Series[0].ChartType = SeriesChartType.Pie;    //图类型(折线)

        cht2.Series[0].Color = Color.Lime;
        cht2.Series[0].LegendText = legend2.Name;
        cht2.Series[0].IsValueShownAsLabel = true;
        cht2.Series[0].LabelForeColor = Color.White;
        cht2.Series[0].CustomProperties = "DrawingStyle = Cylinder";
        cht2.Series[0].CustomProperties = "PieLabelStyle = Outside";
        cht2.Legends.Add(legend2);
        cht2.Legends[0].Position.Auto = true;
        cht2.Series[0].IsValueShownAsLabel = true;
        //是否显示图例
        cht2.Series[0].IsVisibleInLegend = true;
        cht2.Series[0].ShadowOffset = 0;

        //饼图折线
        cht2.Series[0]["PieLineColor"] = "White";     
        //绑定数据
        cht2.Series[0].Points.DataBindXY(x, y);
        cht2.Series[0].Points[0].Color = Color.White;
        //绑定颜色
        cht2.Series[0].Palette = ChartColorPalette.BrightPastel;





        #endregion

        #region Bar图

        //标题
        cht3.Titles.Add("交通违法行为TOP5");
        cht3.Titles[0].ForeColor = Color.White;
        cht3.Titles[0].Font = new Font("微软雅黑", 12f, FontStyle.Regular);
        cht3.Titles[0].Alignment = ContentAlignment.TopCenter;
        cht3.Titles.Add("合计:25412 宗 ");
        cht3.Titles[1].ForeColor = Color.White;
        cht3.Titles[1].Font = new Font("微软雅黑", 8f, FontStyle.Regular);
        cht3.Titles[1].Alignment = ContentAlignment.TopRight;

        //控件背景
        cht3.BackColor = Color.Transparent;
        //图表区背景
        cht3.ChartAreas[0].BackColor = Color.Transparent;
        cht3.ChartAreas[0].BorderColor = Color.Transparent;
        //X轴标签间距
        cht3.ChartAreas[0].AxisX.Interval = 1;
        cht3.ChartAreas[0].AxisX.LabelStyle.IsStaggered = true;
        cht3.ChartAreas[0].AxisX.LabelStyle.Angle = -45;
        cht3.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 14f, FontStyle.Regular);
        cht3.ChartAreas[0].AxisX.TitleForeColor = Color.White;
        
        //X坐标轴颜色
        cht3.ChartAreas[0].AxisX.LineColor = ColorTranslator.FromHtml("#38587a"); ;
        cht3.ChartAreas[0].AxisX.LabelStyle.ForeColor = Color.White;
        cht3.ChartAreas[0].AxisX.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //X坐标轴标题
        //cht3.ChartAreas[0].AxisX.Title = "数量(宗)";
        //cht3.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        //cht3.ChartAreas[0].AxisX.TitleForeColor = Color.White;
        //cht3.ChartAreas[0].AxisX.TextOrientation = TextOrientation.Auto;
        //cht3.ChartAreas[0].AxisX.ToolTip = "数量(宗)";
        //X轴网络线条
        cht3.ChartAreas[0].AxisX.MajorGrid.Enabled = true;
        cht3.ChartAreas[0].AxisX.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");

        //Y坐标轴颜色
        cht3.ChartAreas[0].AxisY.LineColor = ColorTranslator.FromHtml("#38587a");
        cht3.ChartAreas[0].AxisY.LabelStyle.ForeColor = Color.White;
        cht3.ChartAreas[0].AxisY.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //Y坐标轴标题
        //cht3.ChartAreas[0].AxisY.Title = "数量(宗)";
        //cht3.ChartAreas[0].AxisY.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        //cht3.ChartAreas[0].AxisY.TitleForeColor = Color.White;
        //cht3.ChartAreas[0].AxisY.TextOrientation = TextOrientation.Auto;
        //cht3.ChartAreas[0].AxisY.ToolTip = "数量(宗)";
        //Y轴网格线条
        cht3.ChartAreas[0].AxisY.MajorGrid.Enabled = true;
        cht3.ChartAreas[0].AxisY.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");

        cht3.ChartAreas[0].AxisY2.LineColor = Color.Transparent;
        cht3.ChartAreas[0].AxisX.IsMarginVisible = false;
        cht3.ChartAreas[0].Area3DStyle.Enable3D = true;
        //背景渐变
        cht2.ChartAreas[0].BackGradientStyle = GradientStyle.None;

        //图例样式
        Legend legend3 = new Legend("#VALX");
        legend3.Title = "图例";
        legend3.TitleBackColor = Color.Transparent;
        legend3.BackColor = Color.Transparent;
        legend3.TitleForeColor = Color.White;
        legend3.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        legend3.Font = new Font("微软雅黑", 8f, FontStyle.Regular);
        legend3.ForeColor = Color.White;

        cht3.Series[0].XValueType = ChartValueType.String;  //设置X轴上的值类型
        cht3.Series[0].Label = "#VAL";                //设置显示X Y的值    
        cht3.Series[0].LabelForeColor = Color.White;
        cht3.Series[0].ToolTip = "#VALX:#VAL(宗)";     //鼠标移动到对应点显示数值
        cht3.Series[0].ChartType = SeriesChartType.Bar;    //图类型(折线)

        cht3.Series[0].Color = Color.Lime;
        //cht3.Series[0].LegendText = legend3.Name;
        cht3.Series[0].IsValueShownAsLabel = true;
        cht3.Series[0].LabelForeColor = Color.White;
        cht3.Series[0].CustomProperties = "DrawingStyle = Cylinder";
        cht3.Series[0].CustomProperties = "PieLabelStyle = Outside";
        //cht3.Legends.Add(legend3);
        //cht3.Legends[0].Position.Auto = true;

        //是否显示图例
        cht3.Series[0].IsVisibleInLegend = true;
        cht3.Series[0].ShadowOffset = 0;

        //饼图折线
        cht3.Series[0]["PieLineColor"] = "White";
        //绑定数据
        cht3.Series[0].Points.DataBindXY(a, b);
  
        //cht3.Series[0].Points[0].Color = Color.White;
        //绑定颜色
        cht3.Series[0].Palette = ChartColorPalette.BrightPastel;

        //for (int n = 0; n < x.Length; n++)
        //{
        //    int ptIdx = cht3.Series[0].Points.AddY(Convert.ToDouble(y[n]));
        //    DataPoint pt = this.cht3.Series[0].Points[ptIdx];
        //    pt.LegendText = x[n] + " " + "#PERCENT{P2}" + " [ " + "#VAL{D} 次" + " ]";//右边标签列显示的文字  
        //    pt.Label = x[n] + " " + "#PERCENT{P2}" + " [ " + "#VAL{D} 次" + " ]"; //圆饼外显示的信息 

        //    //  pt.LabelToolTip = "#PERCENT{P2}";  
        //    //pt.LabelBorderColor = Color.Red;//文字背景色   
        //}





        #endregion


        #region 雷达图

       // //标题
        cht4.Titles.Add("交通违法行为TOP5");
        cht4.Titles[0].ForeColor = Color.White;
        cht4.Titles[0].Font = new Font("微软雅黑", 12f, FontStyle.Regular);
        cht4.Titles[0].Alignment = ContentAlignment.TopCenter;
        cht4.Titles.Add("合计:25412 宗 ");
        cht4.Titles[1].ForeColor = Color.White;
        cht4.Titles[1].Font = new Font("微软雅黑", 8f, FontStyle.Regular);
        cht4.Titles[1].Alignment = ContentAlignment.TopRight;

        //控件背景
        cht4.BackColor = Color.Transparent;
        cht4.ChartAreas[0].BackColor = Color.Transparent;
        cht4.ChartAreas[0].BorderColor = Color.Transparent;
        //X轴标签间距
        cht4.ChartAreas[0].AxisX.Interval = 1;
        cht4.ChartAreas[0].AxisX.LabelStyle.IsStaggered = true;
        cht4.ChartAreas[0].AxisX.LabelStyle.Angle = -45;
        cht4.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 14f, FontStyle.Regular);
        cht4.ChartAreas[0].AxisX.TitleForeColor = Color.White;

        //X坐标轴颜色
        cht4.ChartAreas[0].AxisX.LineColor = ColorTranslator.FromHtml("#38587a"); ;
        cht4.ChartAreas[0].AxisX.LabelStyle.ForeColor = Color.White;
        cht4.ChartAreas[0].AxisX.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //X坐标轴标题
        //cht4.ChartAreas[0].AxisX.Title = "数量(宗)";
        //cht4.ChartAreas[0].AxisX.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        //cht4.ChartAreas[0].AxisX.TitleForeColor = Color.White;
        //cht4.ChartAreas[0].AxisX.TextOrientation = TextOrientation.Auto;
        //cht4.ChartAreas[0].AxisX.ToolTip = "数量(宗)";
        //X轴网络线条
        cht4.ChartAreas[0].AxisX.MajorGrid.Enabled = true;
        cht4.ChartAreas[0].AxisX.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");

        //Y坐标轴颜色
        cht4.ChartAreas[0].AxisY.LineColor = ColorTranslator.FromHtml("#38587a");
        cht4.ChartAreas[0].AxisY.LabelStyle.ForeColor = Color.White;
        cht4.ChartAreas[0].AxisY.LabelStyle.Font = new Font("微软雅黑", 10f, FontStyle.Regular);
        //Y坐标轴标题
        //cht4.ChartAreas[0].AxisY.Title = "数量(宗)";
        //cht4.ChartAreas[0].AxisY.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        //cht4.ChartAreas[0].AxisY.TitleForeColor = Color.White;
        //cht4.ChartAreas[0].AxisY.TextOrientation = TextOrientation.Auto;
        //cht4.ChartAreas[0].AxisY.ToolTip = "数量(宗)";
        //Y轴网格线条
        cht4.ChartAreas[0].AxisY.MajorGrid.Enabled = true;
        cht4.ChartAreas[0].AxisY.MajorGrid.LineColor = ColorTranslator.FromHtml("#2c4c6d");

        cht4.ChartAreas[0].AxisY2.LineColor = Color.Transparent;
        cht4.ChartAreas[0].AxisX.IsMarginVisible = false;
        cht4.ChartAreas[0].Area3DStyle.Enable3D = true;
        cht4.ChartAreas[0].AxisX.IsInterlaced = false;
        cht4.ChartAreas[0].AxisX.IsMarginVisible = false;
        //刻度线
        cht4.ChartAreas[0].AxisY.MajorTickMark.Enabled = false;
        //cht4.ChartAreas[0].AxisX.MajorGrid.Enabled = false;
        //cht4.ChartAreas[0].AxisY.MajorGrid.Enabled = false;
        //cht4.ChartAreas[0].AxisX.MajorTickMark.Enabled = false;
        cht4.ChartAreas[0].AxisY.LabelStyle.Enabled = false;
        //背景渐变
        cht4.ChartAreas[0].BackGradientStyle = GradientStyle.None;
        //cht4.ChartAreas[0].AxisX2.InterlacedColor = Color.Red;
        //cht4.ChartAreas[0].AxisY2.InterlacedColor = Color.Red;
        //cht4.ChartAreas[0].BorderWidth = 0;
        //cht4.ChartAreas[0].BackSecondaryColor = Color.Red;
        //cht4.ChartAreas[0].BackImageTransparentColor = Color.Red;
        //cht4.ChartAreas[0].AxisX.InterlacedColor = Color.Red;
        //cht4.ChartAreas[0].AxisX.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisX2.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisX2.MajorGrid.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisX2.MajorTickMark.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisX2.MinorTickMark.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisY.InterlacedColor = Color.Red;
        //cht4.ChartAreas[0].AxisY.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisY2.InterlacedColor = Color.Red;
        //cht4.ChartAreas[0].AxisY2.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisY2.MajorGrid.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisY2.MajorTickMark.LineColor = Color.Red;
        //cht4.ChartAreas[0].AxisY2.MinorTickMark.LineColor = Color.Red;


        //图例样式
        Legend legend4 = new Legend();
        legend4.Title = "图例";
        legend4.TitleBackColor = Color.Transparent;
        legend4.BackColor = Color.Transparent;
        legend4.TitleForeColor = Color.White;
        legend4.TitleFont = new Font("微软雅黑", 10f, FontStyle.Regular);
        legend4.Font = new Font("微软雅黑", 8f, FontStyle.Regular);
        legend4.ForeColor = Color.White;
        cht4.Legends.Add(legend4);
        cht4.Legends[0].Position.Auto = true;

        //Series1
        cht4.Series[0].XValueType = ChartValueType.String; 
        cht4.Series[0].Label = "#VAL";                
        cht4.Series[0].LabelForeColor = Color.White;
        cht4.Series[0].ToolTip = "#LEGENDTEXT:#VAL(宗)";    
        cht4.Series[0].ChartType = SeriesChartType.Radar;    
        cht4.Series[0]["RadarDrawingStyle"] = "Line";  
        cht4.Series[0].LegendText = "2015年";
        cht4.Series[0].IsValueShownAsLabel = true;

        //Series2
        cht4.Series.Add(new Series("Series2"));
        cht4.Series[1].Label = "#VAL";                
        cht4.Series[1].LabelForeColor = Color.White;
        cht4.Series[1].ToolTip = "#LEGENDTEXT:#VAL(宗)";     
        cht4.Series[1].ChartType = SeriesChartType.Radar;   
        cht4.Series[1]["RadarDrawingStyle"] = "Line";
        cht4.Series[1].LegendText = "2016年";
        cht4.Series[1].IsValueShownAsLabel = true;

        //Series3
        cht4.Series.Add(new Series("Series3"));
        cht4.Series[2].Label = "#VAL";               
        cht4.Series[2].LabelForeColor = Color.White;
        cht4.Series[2].ToolTip = "#LEGENDTEXT:#VAL(宗)";     
        cht4.Series[2].ChartType = SeriesChartType.Radar;    
        cht4.Series[2]["RadarDrawingStyle"] = "Line";
        cht4.Series[2].LegendText = "2017年";
        cht4.Series[2].IsValueShownAsLabel = true;


        double[] yValues = { 65.62, 75.54, 60.45, 34.73, 85.42, 55.9, 63.6, 55.2, 77.1 };
        string[] xValues = { "France", "Canada", "Germany", "USA", "Italy", "Spain", "Russia", "Sweden", "Japan" };

        
        //Seris2  
        double[] y2 = { 45.62, 65.54, 70.45, 84.73, 35.42, 55.9, 63.6 };
        double[] y3 = { 88.62, 35.54, 52.45, 45.73, 88.42, 14.9, 33.6 };
        this.cht4.Series[0].Points.DataBindXY(xValues, yValues);
        this.cht4.Series[1].Points.DataBindY(y2);
        this.cht4.Series[2].Points.DataBindY(y3);


        //设置X轴显示间隔为1,X轴数据比较多的时候比较有用  
        cht4.ChartAreas[0].AxisX.LabelStyle.Interval = 1;
        //设置XY轴标题的名称所在位置位远  
        cht4.ChartAreas[0].AxisX.TitleAlignment = StringAlignment.Near;

        for (int i = 0; i < cht4.Series[2].Points.Count; i++)
        {
            cht4.Series[2].Points[i].MarkerStyle = MarkerStyle.Circle;//设置折点的风格     
            cht4.Series[2].Points[i].MarkerColor = Color.Red;//设置seires中折点的颜色   
        //    cht4.Series[1].Points[i].MarkerStyle = MarkerStyle.Square;//设置折点的风格     
        //    cht4.Series[1].Points[i].MarkerColor = Color.Blue;//设置seires中折点的颜色  
        //    cht4.Series[2].Points[i].MarkerStyle = MarkerStyle.Square;//设置折点的风格     
        //    cht4.Series[2].Points[i].MarkerColor = Color.Green;//设置seires中折点的颜色  
        }
        for (int i = 0; i < cht4.Series.Count; i++)
        {
            for (int j = 0; j < cht4.Series[i].Points.Count; j++)
            {
                cht4.Series[i].Points[j].Label = " ";
                //cht4.Series[i].Points[j].LabelToolTip = "string.Empty";
            }
        }
        //cht4.ImageType = ChartImageType.Jpeg;
        //反锯齿  
        cht4.AntiAliasing = AntiAliasingStyles.All;
        //调色板 磨沙:SemiTransparent  
        cht4.Palette = ChartColorPalette.BrightPastel;

        cht4.Series[0].ChartType = SeriesChartType.Radar;
        cht4.Series[1].ChartType = SeriesChartType.Radar;
        cht4.Series[2].ChartType = SeriesChartType.Radar;
        cht4.Width = 500;
        cht4.Height = 350;

        #endregion

        /* 
             #VALX      显示当前图例的X轴的对应文本(或数据) 
             #VAL, #VALY,  显示当前图例的Y轴的对应文本(或数据) 
             #VALY2, #VALY3, 显示当前图例的辅助Y轴的对应文本(或数据) 
             #SER:      显示当前图例的名称 
             #LABEL       显示当前图例的标签文本 
             #INDEX      显示当前图例的索引 
             #PERCENT       显示当前图例的所占的百分比 
             #TOTAL      总数量 
             #LEGENDTEXT      图例文本 
             */  

    }

}
阅读更多
上一篇在asp.net web form项目中使用json
下一篇C#CHART使用总结
想对作者说点什么? 我来说一句

C#统计图表控件

2017年09月21日 115KB 下载

没有更多推荐了,返回首页

关闭
关闭