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:
上一篇: Chart.js 插件的使用
下一篇: Chart.js 图表数据指定颜色