Dev之ChartControl控件（二）— 繪制多重坐標圖形

有時針對一個ChartControl控件可能要設置多個Y軸，進行顯示：

以下舉個例子：如在一個Chart中顯示多個指標項如圖：

首先，讀取數據，並對左邊的Y軸最大和最小值進行設定

IndexSeriesControler indexControl = new IndexSeriesControler();
            IEnumerable<IndexModel> ieModel= indexControl.GetDate(dateB,dateE,indexName);//讀取的數據集
            decimal max=  ieModel.Max(x => x.IndexValue);
            decimal min = ieModel.Min(x => x.IndexValue);

其次，生成Series，並添加到charControl控件；

 Series series = new Series(indexName, ViewType.Spline);
            if (num != 0)
            {
                lstSeries.Add(series);
            }
            
             foreach (IndexModel model in ieModel)
             {
                 series.Points.Add(new SeriesPoint(model.PublishDate, new double[] { (double)model.IndexValue }));
             }

             series.View = splineSeriesView1;

            this.chartControl.Series.Add(series);
            
            this.chartControl.Legend.Visible = false;

再次，創建圖標的第二坐標；

效果如圖：

 

 public void GetAxisY()
        {
            for (int i = 0; i < lstSeries.Count; i++)
            {
                lstSeries[i].View.Color = lstColor[i];
                CreateAxisY(lstSeries[i]);
            }
        }

        /// <summary>
        /// 創建圖表的第二坐標系
        /// </summary>
        /// <param name="series">Series對象</param>
        /// <returns></returns>
        private SecondaryAxisY CreateAxisY(Series series)
        {
            SecondaryAxisY myAxis = new SecondaryAxisY(series.Name);
            ((XYDiagram)chartControl.Diagram).SecondaryAxesY.Add(myAxis);
            ((LineSeriesView)series.View).AxisY = myAxis;
            myAxis.Title.Text = series.Name;
            myAxis.Title.Alignment = StringAlignment.Far; //頂部對齊
            myAxis.Title.Visible = true; //顯示標題
            myAxis.Title.Font = new Font("宋體", 9.0f);

            Color color = series.View.Color;//設置坐標的顏色和圖表線條顏色一致

            myAxis.Title.TextColor = color;
            myAxis.Label.TextColor = color;
            myAxis.Color = color;

            return myAxis;
        }

完整代碼如下：

 public partial class ChartControlExtension : UserControl
    {
        public ChartControlExtension()
        {
            InitializeComponent();
            ChartTitle chartTitle=new ChartTitle();
            chartTitle.Text="新干線";
            chartTitle.TextColor=System.Drawing.Color.Black;
            this.chartControl.Titles.Add(chartTitle);
            lstColor.Add(Color.Red);
            lstColor.Add(Color.Black);
            lstColor.Add(Color.Blue);
            lstColor.Add(Color.Brown);
        }
        public bool IsRange { set; get; }
        public List<Series> lstSeries = new List<Series>();
        public List<Color> lstColor = new List<Color>();
        int num = 0;
        public void GetDate(DateTime dateB, DateTime dateE, string indexName) 
        {
            IndexSeriesControler indexControl = new IndexSeriesControler();
            IEnumerable<IndexModel> ieModel= indexControl.GetDate(dateB,dateE,indexName);
            decimal max=  ieModel.Max(x => x.IndexValue);
            decimal min = ieModel.Min(x => x.IndexValue);
           // this.chartControl.Series.Clear();
           
            Series series = new Series(indexName, ViewType.Spline);
            if (num != 0)
            {
                lstSeries.Add(series);
            }
            
             foreach (IndexModel model in ieModel)
             {
                 series.Points.Add(new SeriesPoint(model.PublishDate, new double[] { (double)model.IndexValue }));
             }           this.chartControl.Series.Add(series);            
            this.chartControl.Legend.Visible = false;
            //this.chartControl.cut
            if (num == 0)
            {
                XYDiagram diag = (XYDiagram)this.chartControl.Diagram;
                diag.AxisY.VisualRange.MaxValue = max;
                diag.AxisY.VisualRange.MinValue = min-10;
            }
            
            //this.IsRange = true;
            num++;
           
         
        }

        public void GetAxisY()
        {
            for (int i = 0; i < lstSeries.Count; i++)
            {
                lstSeries[i].View.Color = lstColor[i];
                CreateAxisY(lstSeries[i]);
            }
        }

        /// <summary>
        /// 創建圖表的第二坐標系
        /// </summary>
        /// <param name="series">Series對象</param>
        /// <returns></returns>
        private SecondaryAxisY CreateAxisY(Series series)
        {
            SecondaryAxisY myAxis = new SecondaryAxisY(series.Name);
            ((XYDiagram)chartControl.Diagram).SecondaryAxesY.Add(myAxis);
            ((LineSeriesView)series.View).AxisY = myAxis;
            myAxis.Title.Text = series.Name;
            myAxis.Title.Alignment = StringAlignment.Far; //頂部對齊
            myAxis.Title.Visible = true; //顯示標題
            myAxis.Title.Font = new Font("宋體", 9.0f);

            Color color = series.View.Color;//設置坐標的顏色和圖表線條顏色一致

            myAxis.Title.TextColor = color;
            myAxis.Label.TextColor = color;
            myAxis.Color = color;

            return myAxis;
        }
}

調用方法：

 private void tolBtnSearch_Click(object sender, EventArgs e)
        {
            chartControlExtension1.GetDate(datPBegin.Value,datPEnd.Value,"鐵礦石指數");
            chartControlExtension1.GetDate(datPBegin.Value, datPEnd.Value, "鋼材指數");
            chartControlExtension1.GetDate(datPBegin.Value, datPEnd.Value, "鐵礦指數");
            chartControlExtension1.GetDate(datPBegin.Value, datPEnd.Value, "焦炭指數");
            chartControlExtension1.GetAxisY();

        }

 其打印方法可用：

  this.chartControl.ShowPrintPreview(DevExpress.XtraCharts.Printing.PrintSizeMode.Zoom);