Chart图表

                

简介：更快更好地在程序中显示数据，一览无余。

引用：  <script src="Scripts/jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="highcharts.js"></script>

 

柱形图

 

 

代码：

 

步骤1：添加引用

   using System.Windows.Forms.DataVisualization.Charting;

  

   步骤2：写入代码

   namespace MSChart
   {
       public partial class Form1 : Form
       {
           public Form1()
           {
               InitializeComponent();
           }

           private void Form1_Load(object sender, EventArgs e)
           {
               ChartArea1属性设置///

               //设置网格的颜色
               chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.LineColor = Color.LightGray;
               chart1.ChartAreas["ChartArea1"].AxisY.MajorGrid.LineColor = Color.LightGray;

               //设置坐标轴名称
               chart1.ChartAreas["ChartArea1"].AxisX.Title = "随机数";
               chart1.ChartAreas["ChartArea1"].AxisY.Title = "数值";

               //启用3D显示
               chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = false;

               //Series属性设置///

               //设置显示类型-线型
               chart1.Series["随机数"].ChartType = SeriesChartType.Line;

               //设置坐标轴Value显示类型
               chart1.Series["随机数"].XValueType = ChartValueType.Time;

               //是否显示标签的数值
               chart1.Series["随机数"].IsValueShownAsLabel = true;
           
               //设置标记图案
               chart1.Series["随机数"].MarkerStyle = MarkerStyle.Circle;

               //设置图案颜色
               chart1.Series["随机数"].Color = Color.Green;

               //设置图案的宽度
               chart1.Series["随机数"].BorderWidth = 3;

               //添加随机数
               Random rd = new Random();
               for (int i = 1; i < 20; i++)
               {
                   chart1.Series["随机数"].Points.AddXY(i, rd.Next(100));
               }

           }
       }
   }

 

title: {

                    text: 'something', //指定Y轴的标题

                },

            },

            series: [ //指定数据列

                                {

                                    name: 'Jane', //数据列名

                                    data: [1, 2, 4], //数据

                                }, {

                                    name: 'John',

                                    data: [5, 3, 7],

                                }

            ],

        });

});