DEV控件之ChartControl用法

1、整體概述

這個控件包含3層，最外面的chartControl層、中間的XYDiagram層、最裏面的Series層。功能很是強大，但同時使用起來也相對複雜，須要各個層之間相互協調設置才能達到本身想要的效果。

2、chartControl層

像DEV的其它控件同樣，這一層之至關因而一個殼子，咱們平時在這裏面設置的屬性也很少。並且都是些常規屬性，好比大小、停靠方式等等。

3、XYDiagram層

這一層就比較關鍵了，主要是涉及到XY軸的顯示方式和滾動條顯示等。而且座標軸的顯示方式和數據類型也有很大的關係，主要包括3種類型，數據類型是根據添加到Series中的數據類型決定的，主要屬性是ArgumentScaleType。因此涉及到3種不一樣的設置方式。

1. 當座標軸的數據類型是數字時

　　2. 當前數據類型是字符串時

其它設置同上，主要是要想出現滾動條，在設計面板中還不能實現，必須經過代碼設置

DevExpress.XtraCharts.XYDiagram xyDiagram1 = (XYDiagram)this.chartControl1.Diagram;          

xyDiagram1.AxisX.Range.MaxValueInternal = 3; //這個屬性在設計視圖裏面是看不到的，只有代碼裏面才能夠設置。

xyDiagram1.AxisX.Range.MinValueInternal = -0.5D;

　　3.當前數據類型是時間

AxisX ax = (XYDiagram)chartControl1.Diagram;
ax.GridSpacingAuto = false;
ax.DateTimeMeasureUnit = DateTimeMeasurementUnit.Minute;//這個能夠根據你本身的狀況設置
ax.DateTimeGridAlignment = DateTimeMeasurementUnit.Second; //這個是間隔單位
ax.GridSpacing = 10; // 每10秒爲一個間隔。

3、series層

根據選擇的類型圖不同，設置也不盡相同。

　　1.棒狀圖

其實提及棒狀圖，不少人都在意如何固定棒狀圖的寬度，其實它這裏是不能夠固定具體的像素寬度，只能根據左邊軸當前的顯示範圍來肯定顯示的比例，好比當前顯示的範圍是3，寬度比例是0.6，那麼顯示的就比較適中，若是是1，則顯示的比較寬一點，並且間隔也變小了。主要寬度屬性爲：

BarSeriesView sv1 = (BarSeriesView)S1.View;

            sv1.BarWidth = 1;

4、相關代碼實現

#region 僅供參考（不須要）
            //控制X、Y軸顯示
            //XYDiagram diagram = (XYDiagram)chartControl.Diagram;
            //diagram.AxisX.Label.Staggered = true;
            //diagram.AxisY.Label.BeginText = "Axis value = ";
            //diagram.AxisY.Label.Angle = -30;
            //diagram.AxisY.Label.Antialiasing = true;

            //XYDiagram diagram = (XYDiagram)chartControl.Diagram;
            //diagram.AxisX.DateTimeMeasureUnit = DateTimeMeasurementUnit.Second;
            //diagram.AxisX.DateTimeOptions.Format = DateTimeFormat.Custom; diagram.AxisX.DateTimeOptions.FormatString = "HH:mm:ss";

            //((XYDiagram)myChartControl.Diagram).AxisX.Interlaced = true;
            //((XYDiagram)myChartControl.Diagram).AxisX.GridSpacing = 10;
            //((XYDiagram)myChartControl.Diagram).AxisX.Label.Angle = -30;
            //((XYDiagram)myChartControl.Diagram).AxisX.Label.Antialiasing = true;
            //((XYDiagram)myChartControl.Diagram).AxisX.DateTimeOptions.Format = DateTimeFormat.MonthAndDay;

            ////XYDiagram xyDiagram1 = new XYDiagram();
            ////xyDiagram1.AxisX.Range.Auto = false; //要開啓滾動條必須將其設置爲false
            //////xyDiagram1.AxisX.Range.MaxValueInternal = 30.5D > (cnt + 1) ? (cnt + 1) : 30.5D;//在不拉到滾動條的時候，X軸顯示多個值，既固定的X軸長度。
            //////xyDiagram1.AxisX.Range.MinValueInternal = -0.5D;
            ////xyDiagram1.AxisX.Range.ScrollingRange.Auto = false;
            ////xyDiagram1.AxisX.MinorCount = 9; //顯示X軸間隔數量
            ////xyDiagram1.AxisX.Tickmarks.MinorVisible = true;//是否顯示X軸間隔
            //xyDiagram1.AxisY.MinorCount = 1;//顯示Y軸間隔數量
            //xyDiagram1.AxisY.Tickmarks.MinorVisible = true;//是否顯示Y軸間隔

            //xyDiagram1.AxisX.Range.ScrollingRange.MaxValueSerializable = (cnt + 1).ToString();//整個X軸最多顯示多多少個值
            // xyDiagram1.AxisX.Range.ScrollingRange.MinValueSerializable = "0";
            //xyDiagram1.AxisX.DateTimeMeasureUnit = DateTimeMeasurementUnit.Second;
            //xyDiagram1.AxisX.DateTimeOptions.Format = DateTimeFormat.Custom;
            //xyDiagram1.AxisX.DateTimeOptions.FormatString = "yyyy:MM:HH";
            //xyDiagram1.AxisX.Range.ScrollingRange.SideMarginsEnabled = true;//是否從X軸原點開始顯示
            //xyDiagram1.AxisX.Range.SideMarginsEnabled = false;
            ////xyDiagram1.AxisX.VisibleInPanesSerializable = "-1";
            ////xyDiagram1.AxisY.NumericOptions.Format = DevExpress.XtraCharts.NumericFormat.Percent;//顯示爲百分數
            //xyDiagram1.AxisY.Range.Auto = false;
            ////xyDiagram1.AxisY.Range.MaxValueSerializable = "1.02";
            ////xyDiagram1.AxisY.Range.MinValueSerializable = "0.5";
            //xyDiagram1.AxisY.Range.ScrollingRange.SideMarginsEnabled = true;
            //xyDiagram1.AxisY.Range.SideMarginsEnabled = true;
            ////xyDiagram1.AxisY.VisibleInPanesSerializable = "-1";
            //xyDiagram1.EnableScrolling = true;//啓用滾動條

            //獲取Diagram必須在ChartControl中已經加入了Series以後
            //((XYDiagram)chartControl.Diagram).Rotated = false;
            #endregion

            //圖標位置
            //myChartControl.Legend.AlignmentHorizontal = LegendAlignmentHorizontal.Right;
            //myChartControl.Legend.AlignmentVertical = LegendAlignmentVertical.Top;

            //ChartTitle chartTitle = new ChartTitle();
            //chartTitle.Text = this.Text;//標題內容
            //chartTitle.TextColor = System.Drawing.Color.Black;//字體顏色
            //chartTitle.Font = new Font("Tahoma", 8);//字體類型字號
            //chartTitle.Dock = ChartTitleDockStyle.Bottom;//標題對齊方式
            //chartTitle.Alignment = StringAlignment.Far;
            //myChartControl.Titles.Clear();//清理標題
            //myChartControl.Titles.Add(chartTitle);//加載標題

            //Series series1 = new Series(this.Text, ViewType.Spline);            //series1.ArgumentScaleType = ScaleType.DateTime;//x軸類型            //series1.ValueScaleType = ScaleType.Numerical;//y軸類型            ////X軸的數據字段            //series1.ArgumentDataMember = "StatisticsTime";            ////Y軸的數據字段            //series1.ValueDataMembers[0] = "StatisticsSum";            ////定義線條上點的標識形狀是否須要            //((LineSeriesView)series1.View).LineMarkerOptions.Visible = false;            ////定義線條上點的標識形狀            //((LineSeriesView)series1.View).LineMarkerOptions.Kind = MarkerKind.Circle;                      ////不顯示X、Y軸上面的交點的值            //((PointSeriesLabel)series1.Label).Visible = false;            ////線條的類型，虛線，實線            //((LineSeriesView)series1.View).LineStyle.DashStyle = DashStyle.Solid