C# WPF Chart画柱状图（附例程）

Dear 丶 2022-05-26 01:15 622阅读 0赞

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：

[WpfChartText][]

[WpfChartText]: https://download.csdn.net/download/hk_jy/10366377