WPF DataGrid OxyPlot 卡顿优化

不是优化,我是想用这个标题吸引遇到相同问题的同学过来看看。

UI如下,左边DataGrid有7列,右边OxyPlot显示折线图 

WPF DataGrid OxyPlot 卡顿优化

 WPF DataGrid OxyPlot 卡顿优化

列表4000+数据,折线图4000+个点,页面卡的用不了。

体现就是列表滚动时 滚轮滚动2秒后列表开始一帧一帧的动。。

 

第一时间DataGrid开启虚拟化,EnableRowVirtualization="True" EnableColumnVirtualization="True" VirtualizingPanel.VirtualizationMode="Recycling" VirtualizingPanel.IsVirtualizing="True" VirtualizingPanel.IsContainerVirtualizable="True"

结果只是好了一点点,滚轮滚动1秒后列表开始一帧一帧的动。

 

此时我还没有发现 OxyPlot 的问题。

 

花了一天时间,谷歌到的都是说WPF的效率差。。。我发现近期的帖子比较少,毕竟现在WPF开发者较少。

抛开代码,清空一下大脑再想想。4000+行数据,只有7列,都是string,就算效率再差也不可能这么差吧。最后使用排除大法。把折线图删掉,UI丝滑的很!!! WPF性能不差,同学们优化UI时,记得看一眼是不是其他控件引起的。

 

OxyPlot代码

<oxy:LineSeries Title="{Binding LineTitle1}" ItemsSource="{Binding ChartPointList}" MarkerType="Circle" IsManipulationEnabled="True" Color="#FFF74D4D"/>

排除法,删掉列表只留折线图,卡到爆,点越多越卡。看下官方demo,demo里2万个点还很流畅。

解决办法:还是用的排除大法   删除掉MarkerType属性

<oxy:LineSeries Title="{Binding LineTitle1}" ItemsSource="{Binding ChartPointList}" IsManipulationEnabled="True" Color="#FFF74D4D"/>    

猜测他每一个点都是圆圈,他可能是在页面上添加了n个控件导致UI卡顿,可能是Range,我没来得及看他的源码。

 

总结:

UI卡,不都是DataGrid的锅。至于为什么其他控件导致DataGrid也非常卡,我不清楚,希望有大神指教一下。

 

 

OxyPlot中文文档少,遇到很多问题只能自己一个属性一个属性实验。但这个组件真的很好用。还是免费的。

上一篇:WPF在数据列使用枚举时,通过枚举列设置DataGrid单元格或者行的样式


下一篇:WPF 中的DataGrid