HandyControl与LiveCharts使用出现图形位置偏移问题

Posted guanguanchangyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HandyControl与LiveCharts使用出现图形位置偏移问题相关的知识,希望对你有一定的参考价值。

HandyControl是一套WPF控件库,它几乎重写了所有原生样式,同时包含70余款自定义控件(正逐步增加)。

此处为HandyControl源码传送门,希望能对它能有所了解

问题

由于HandyControl作为WPF的一款UI库,暂时没有考虑过增加,数据图形控件,对于需要数据统计图形展示的用户,可能引入LiveCharts做数据展示处理,运行之后,出现之前好好的控件,显示效果中,图形位置偏移走样问题。

现象

HandyControl前,感觉生活很美好

技术图片

引入HandyControl后,世界都懵逼了

技术图片

原因

由于HandyControl本身重写了几乎所有的原生样式,当然也包括了Path的默认样式,此处为传送门

<Style TargetType="Path">
        <Setter Property="Stretch" Value="Uniform"/>
</Style>

方案

清除HandyControl影响,设置PathStyle为空,引入位置,一般在App.xaml中或者使用LiveCharts控件的父级资源

<Style TargetType="Path" BasedOn="{x:Null}"/>

以上是关于HandyControl与LiveCharts使用出现图形位置偏移问题的主要内容,如果未能解决你的问题,请参考以下文章

对HandyControl中的Poptip进行数据绑定

C# 如何制作实时条形图(Livecharts 库)

LiveCharts文档-1前言

LiveCharts文档-3开始-1安装

C# WPF开源控件库HandyControl用法举例

将垂直线添加到 LiveCharts.WinForms.CartesianChart