欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

C# WPF Chart画柱状图(附例程)

程序员文章站 2022-07-13 15:52:04
...

C# WPF Chart画柱状图 动态显示数据 自定义每列颜色
我刚使用Chart的时候,也是看的别人的Demo,然后我想改变每列的颜色,但在百度上找的那些属性,我都点不出来。比如说:
chart_all.Series[0].Points[0].Color = Color.Red;

我很奇怪,为什么我的Series[0]就点不出来Points[0]呢,好不容易可以在Series[0]中点出来一个Color(Series[0].Color),结果改变的是所有列的颜色,很难受。而且给颜色赋值也是不上面那样子的,还要新建一个Brush对象,给Brush对象的颜色赋值,然后在把Brush赋给Series[0].Color,总之就是很难受。
我有仔细研究了代码,发现在创建数据点的时候,可以改变每个数据点的Color,于是我就找到了自定义每列颜色的方法。

给chart添加数据的代码如下:

 private void ChartColumnAddData(List<string> valuex, List<string> valuey)
        {
            //先清空表的数据线,方便动态显示数据
            chart.Series.Clear();
            // 创建一个新的数据线。               
            DataSeries dataSeries = new DataSeries();
            // 设置数据线的格式
            dataSeries.RenderAs = RenderAs.StackedColumn;//这里设置成柱状图,还可以设置成饼状图和折线图
            //创建几个颜色的brush,用来改变各列的颜色
            //天蓝色
            Brush brush_blue = new SolidColorBrush(Colors.SkyBlue);
            //暗红色
            Brush brush_red = new SolidColorBrush(Colors.DarkRed);
            //海绿色
            Brush brush_green = new SolidColorBrush(Colors.SeaGreen);
            // 设置数据点 
            DataPoint dataPoint;
            for (int i = 0; (i < valuex.Count) && (valuex.Count <= valuey.Count); i++)
            {
                // 创建一个数据点的实例。                   
                dataPoint = new DataPoint();
                // 设置X轴点                    
                dataPoint.AxisXLabel = valuex[i];
                //设置Y轴点                   
                dataPoint.YValue = double.Parse(valuey[i]);
                //根据判断条件,设置每列的颜色
                if (double.Parse(valuey[i]) > 10) { dataPoint.Color = brush_red; }
                else if (double.Parse(valuey[i]) < 5) { dataPoint.Color = brush_green; }
                else { dataPoint.Color = brush_blue; }
                //添加数据点                   
                dataSeries.DataPoints.Add(dataPoint);
            }
            // 添加数据线到数据序列。                
            chart.Series.Add(dataSeries);
        }

接下来就要想想怎么才能动态的显示数据了,我一开始的想法是,每当数据来的时候,就重画一个Chart,然而我太天真了。因为这样做,你会发现,你的图表,一直在不停的动,一直刷新,很难看,我想要的效果是柱状图的柱子在动,于是我把注意力转移到了创建的数据线上,我猜想只要改变数据线,图标不要重画也可以更新数据,结果证明我的猜想是对的。只要调用上面的那个方法就行了,不需要重新画一个Chart。

对了要使用Chart还需要引用WPFVisifire.Charts.dll,我也放在资源里了。

最后附上我的Demo:
相关标签: C# WPF Chart