Winform & Devexpress Chart使用入门

    一、Chart(Winform)

           使用图表控件(chart)首先要理解图表区域(ChartArea)、XY轴(AxisX、AxisY)、数据点(Series)、标题(Title)、图例(Legend)这几个之间的层次关系。

           

                                                                                                      图1：柱形图

从图1可以中内容，可以对Chart控件的组成有了一个简单的了解。

 

1.图表区域(ChartArea)

从图1中可以看出数据点、XY轴都是属于ChartArea的，这里是主要数据展示的区域。

 

2.XY轴(AxisX、AxisY)

XY轴的作用不用多说，具体的设置可以参考Demo中的代码。

 

3.数据点(Series)

圆饼图、散点图、柱形图等等都是由Series的属性设置的。

 

4.标题(Title)、图例(Legend)

这个作用不多说了，主要是进行一些相关属性的设置。

 

上点代码：

        /// <summary>
        /// 饼图
        /// </summary>
        private void ChartPie()
        {
            //ChartArea
            ChartArea chartArea = new ChartArea()
            {
                Name = "PieArea",
                BorderWidth = 0,
                BorderDashStyle = ChartDashStyle.NotSet,
            };
            chartBar.ChartAreas.Clear();
            chartBar.ChartAreas.Add(chartArea);
            //Series
            Series seriesBookA = new Series()
            {
                ChartArea = "PieArea",
                Name = "书籍A销量",
                Color = Color.Red,
                Legend = "LegendBook",
                Tag = "BookASaleCount",
                ChartType = SeriesChartType.Pie,
                XAxisType = AxisType.Primary,
                XValueType = ChartValueType.DateTime,
                IsValueShownAsLabel = true,
                Label = "#VALY(#PERCENT{P0})",
            };
            chartBar.Series.Clear();
            chartBar.Series.Add(seriesBookA);
            //Point
            double[] value = { 580 };
            DataPoint dataPoint = new DataPoint()
            {
                Name = "书籍A销售量",
                Color = Color.Red,
                YValues = value,
                LegendText = "书籍A销售量:" + value[0],
            };
            if (chartBar.Series.Count > 0)
            {
                chartBar.Series[0].Points.Clear();
                chartBar.Series[0].Points.Add(dataPoint);
                value = new double[] { 700 };
                chartBar.Series[0].Points.Add(new DataPoint()
                {
                    Name = "书籍B销售量",
                    Color = Color.Blue,
                    YValues = value,
                    LegendText = "书籍B销售量:" + value[0],
                });
                value = new double[] { 300 };
                chartBar.Series[0].Points.Add(new DataPoint()
                {
                    Name = "书籍C销售量",
                    Color = Color.Pink,
                    YValues = value,
                    LegendText = "书籍C销售量:" + value[0],
                });
            }
            //Title
            Title mainTitle = new Title()
            {
                Name = "MainTitle",
                Text = "书籍销量",
                Font = new Font("微软雅黑", 12, FontStyle.Regular, GraphicsUnit.Pixel),
                ForeColor = Color.Blue,
                Docking = Docking.Top,
                IsDockedInsideChartArea = true,
            };
            chartBar.Titles.Clear();
            chartBar.Titles.Add(mainTitle);
            //Legend
            Legend legend = new Legend()
            {
                Name = "LegendBook",
                LegendStyle = LegendStyle.Table,
                Docking = Docking.Bottom,
            };
            chartBar.Legends.Clear();
            chartBar.Legends.Add(legend);
        }

二、ChartControl(Devexpress)

Dev的ChartControl用法和 Winform的类似，但是更为灵活

                                 

 三、问题及解决方法

1.ChartControl(dev)饼图label重叠问题

以下属性设置可解决此问题

pieSeriesLabel1.Position = DevExpress.XtraCharts.PieSeriesLabelPosition.TwoColumns;
pieSeriesLabel1.ResolveOverlappingMode = DevExpress.XtraCharts.ResolveOverlappingMode.Default;

     具体代码可以单击下载。