Dev之ChartControl控件— 绘制多重坐标图形

Posted 2020-07-31 萨姆大叔

有时针对一个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);