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 != )

            {

                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 = ; 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 = ;

        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 != )

            {

                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 == )

            {

                XYDiagram diag = (XYDiagram)this.chartControl.Diagram;

                diag.AxisY.VisualRange.MaxValue = max;

                diag.AxisY.VisualRange.MinValue = min-;

            }

            //this.IsRange = true;

            num++;

        }

        public void GetAxisY()

        {

            for (int i = ; 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);