Dev之ChartControl控件（一）

ChartControl控件主要包括Chart Title，Legend，Annotations,Diagram，Series五部分；如圖：

 

1、  用RangeControl控件控制ChartControl的顯示范圍，當用RangeControl時，把RangeControl.Clent屬性設為用例，如”chartControl1”， RangeControl會自動綁定到ChartControl

 

 

 

 

2、  RangeControlOptions控制RangeControl中的Series顯示類型；如圖：

操作如下：

 

 

顯示如下：

 

 

代碼控制如下：

DevExpress.XtraCharts.SplineSeriesView splineSeriesView1 = new DevExpress.XtraCharts.SplineSeriesView();
            splineSeriesView1.RangeControlOptions.SeriesTransparency = null;
            splineSeriesView1.RangeControlOptions.ViewType = DevExpress.XtraCharts.RangeControlViewType.Area;
           

             Series series = new Series(" 指數",ViewType.Spline);
             foreach (IndexModel model in ieModel)
             {
                 series.Points.Add(new SeriesPoint(model.PublishDate, new double[] { (double)值 }));
             }

             series.View = splineSeriesView1;

            this.chartControl.Series.Add(series);

 

 

3、  ToolTip顯示鼠標停止點的series和series points,

用SeriesBase.ToolTipPointPattern 和SeriesBase.ToolTipSeriesPattern兩個屬性更改默認的tooltip顯示值；

示例代碼 ：

 private void chartControl_CustomDrawCrosshair(object sender, CustomDrawCrosshairEventArgs e)
        {
           foreach (CrosshairElement element in e.CrosshairElements) 
                {
                    SeriesPoint currentPoint = element.SeriesPoint;
                    element.LabelElement.Text = string.Format("時間：{0:yyyy-MM-dd}\r\n指數:{1}", currentPoint.Argument, currentPoint.Values[0]);                    
                }
        }