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: