Live Charts
文章平均质量分 50
子不语
偶尔上线,急事请勿等待。
展开
-
【补充】提高显示性能的一些措施
1、禁用动画<lvc:CartesianChart DisableAnimations="True" />2、尽可能控制点位数量在25个以内3、禁用图表对鼠标的响应事件<lvc:CatesianChart Hoverable="False" DataTooltip="{x:Null}" />4、使用 .AddRange() 添加点位常规添加var cv = new ChartValues<double>(); for (var i = 0; i &l原创 2022-01-30 13:32:19 · 2749 阅读 · 0 评论 -
【补充】自定义数值显示标签,图表点位数值显示
LiveCharts文档-3开始-7标签Label就是Chart中表示数值的字符串,通常被放置在轴的位置和提示当中。下图中的这些字符串显示的都是标签using System;using System.Windows.Forms;using LiveCharts;using LiveCharts.Defaults;using LiveCharts.Wpf;namespace Winforms.Cartesian.Labels{public partial class Labels : F转载 2022-01-29 13:09:34 · 1472 阅读 · 0 评论 -
【补充】如何使LiveCharts中的多个Y轴都从0开始?
我正在使用WPF的LiveCharts。我有多个Y-axes它们从不同的数字开始,没有一个是0。如何将所有Y-axes设置为从0开始?这是所有的代码。我包括了MainWindow.xaml、MainWindow.xaml.cs和MainViewModel.cs。这应该是所有你需要的代码。MainWindow.xaml<Window x:Class="WpfLiveChartExample.MainWindow" xmlns="http://schemas.microsoft.c转载 2022-01-26 18:55:54 · 1352 阅读 · 0 评论 -
【补充】WPF livechart 折线图 的使用
其中曲线部分参数:Values:绑定C#代码中的实际数据值 。PointGeometry:数据点的外观。{x:Null}即不标出,只显示曲线。{x:Static lvc:DefaultGeometries.Circle} 则将数据点用圆形标出。形状有 Circle、Cross、Diamond、Square、Triangle可选。PointGeometrySize:数据点形状的大小。LineSmoothness:曲线是否圆滑。如为 1则圆滑曲线,为 0则不圆滑,为折线。StrokeThicknes转载 2022-01-26 18:37:44 · 3965 阅读 · 0 评论 -
【补充】WPF LiveChart 图表详解
本文主要介绍LiveChart.WPF 中的图表的使用方法 类: 数据绑定, 数据显示样式等。1、导入LiveChart.WpfNuGet搜索LiveChart包, 安装LiveChart.Wpf即可。2、引用LiveChart.Wpf在使用的界面当中引用LiveChart.Wpf的类库xmlns:lvc=“clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf”以直方图、折线图为例, 都属于 CartesianChart 下的一种 Serie转载 2022-01-26 18:34:41 · 2871 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(51)——X轴Y轴同时赋值的一种方法
之前的事例中,生成图表都是单一的对Y轴进行赋值,或者X轴与Y轴分开赋值的方法实现。如果想两个XY组成的列表集,进行赋值,或者同时对X轴Y轴进行赋值来更新曲线,这里分享一种方法。借助live charts的Mappers来实现数据映射。1、定义一个类 public class MeasureModel { public DateTime DateTime { get; set; .原创 2021-02-19 18:37:52 · 6307 阅读 · 13 评论 -
WPF编程,Live Charts使用说明(50)——动态折线
参考自:死线:https://blog.csdn.net/qq_23176133/article/details/86766162效果前台代码 <Grid x:Name="mygrid"> <lvc:CartesianChart Series="{Binding SeriesCollection}" LegendLocation="Left"> <lvc:CartesianChart.AxisX>翻译 2021-02-19 17:23:18 · 3350 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(49)——其它博主分享的经验
1、痕迹-微软MVP——WPF LiveChart 图表详解https://www.cnblogs.com/zh7791/p/12617961.html原创 2021-02-19 17:14:33 · 1203 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(48)——时间处理
要在LiveCharts中处理日期时间,您必须为图表创建自定义比例,这并不难,但是请在阅读本文之前确定是否有必要,是否只需要简单的标签(例如“一月,二月,三月”,以及所有它们之间有规律的间隔,然后仅使用 Axis.Labels就足够了XAML<lvc:CartesianChart Series="{Binding Series}"> <lvc:CartesianCha...原创 2020-04-21 23:01:19 · 6015 阅读 · 10 评论 -
WPF编程,Live Charts使用说明(47)——对数轴
LiveCharts映射器使此操作变得容易,所有您需要做的就是在映射器中配置比例,就像通常配置其他任何图表一样。后台:using System;using System.Windows.Controls;using LiveCharts;using LiveCharts.Configurations;using LiveCharts.Defaults;using LiveChar...原创 2020-04-21 22:55:06 · 2434 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(46)——堆积面积
使用堆叠区域序列来比较趋势和每个序列在总序列中所占的比例,在此示例中,我们在堆叠百分比而不是值,在此示例中,使用StackMode属性通知。后台:using System;using System.Linq;using System.Windows;using System.Windows.Controls;using LiveCharts;using LiveCharts.De...原创 2020-04-21 22:53:14 · 999 阅读 · 1 评论 -
WPF编程,Live Charts使用说明(45)——百分比堆积行
后台:using System;using System.Windows.Controls;using LiveCharts;using LiveCharts.Wpf; namespace Wpf.CartesianChart.Basic_Stacked_Bar{ /// <summary> /// Interaction logic for Basic...原创 2020-04-21 22:51:20 · 2390 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(45)——使用Linq
在此示例中,随着用户更改输入,我们将从假数据库中获取一些记录。 DataBase.Cities仅仅是一个用于存储我们的数据的数组。数据类:using System; namespace Wpf.CartesianChart.Linq{ public class City { public Guid Id { get; set; } pub...原创 2020-04-21 22:49:18 · 1138 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(44)——动态显隐
使用“ 可见性”属性隐藏/显示任何序列,隐藏它们将减少计算时间。后台:using System.ComponentModel;using System.Windows.Controls; namespace Wpf.CartesianChart.DynamicVisibility{ public partial class DynamicVisibilityExample ...原创 2020-04-21 22:47:06 · 2639 阅读 · 1 评论 -
WPF编程,Live Charts使用说明(43)——突出显示状态点
此示例在其值大于200时突出显示一个点,它使用线系列,但是库中的所有系列都支持此功能。后台:using System;using System.Windows;using System.Windows.Controls;using System.Windows.Media;using LiveCharts;using LiveCharts.Configurations;usin...原创 2020-04-21 22:42:14 · 2535 阅读 · 2 评论 -
WPF编程,Live Charts使用说明(42)——可视化点值
默认情况下,所有图表在添加/删除序列或值时都会更新并设置动画。但每次值更改时都需要更新图表时会发生什么呢?在这种情况下,必须实现 IObservableChartPoint,这将使值能够在图表每次更改时通知更新。数据类public class ObservableValue : IObservableChartPoint{ private double _value; ...原创 2020-04-21 22:38:13 · 2660 阅读 · 2 评论 -
WPF编程,Live Charts使用说明(41)——使用增强类
安装Geared Values软件包非常简单,您无需学习任何新知识即可使用,它有10天的免费试用期,试用需要连接互联网。方法一:从程序包管理器控制台:PM> Install-Package LiveCharts.Geared就是这样,现在您的应用程序包含两个新功能:1、一组额外的系列与CartesianChart类一起使用的一组12个原生系列,它包含该库支持的所有系列的强化...原创 2020-04-20 22:28:35 · 4818 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(40)——对称行(负堆积行)
前台:using System;using System.Windows.Controls;using LiveCharts;using LiveCharts.Wpf; namespace Wpf.CartesianChart.NegativeStackedRow{ /// <summary> /// Interaction logic for NEga...原创 2020-04-20 22:16:40 · 939 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(39)——数据分页
使用Axis.MinValue和Axis.MaxValue 属性来设置轴的范围,在本示例中,我们有一个包含100个点的线系列,并且只显示了用户想要查看的25条记录。后台:using System;using System.ComponentModel;using System.Windows;using System.Windows.Controls;using LiveChart...原创 2020-04-20 22:13:41 · 1378 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(38)——缩放和平移
使用Chart.Zoom(默认为None)和Chart.Pan(默认为Unset),使用鼠标滚轮放大/缩小,单击,按住并拖动以进行平移。后台:using System;using System.ComponentModel;using System.Globalization;using System.Windows;using System.Windows.Data;using...原创 2020-04-20 22:12:06 · 6968 阅读 · 7 评论 -
WPF编程,Live Charts使用说明(37)——动态曲线2
本例使用LiveCharts.Geared,齿轮传动包是一个可选的扩展,提升性能LiveCharts后台:using System;using System.ComponentModel;using System.Linq;using System.Threading;using System.Threading.Tasks;using LiveCharts.Geared; ...原创 2020-04-20 22:09:34 · 5744 阅读 · 1 评论 -
WPF编程,Live Charts使用说明(36)——动态曲线
在此示例中,我们将模拟每300毫秒读取一次的恒定数据,并使用具有DateTime和double属性的自定义类型 ,在这种情况下,我们将禁用X轴上的动画以获得更好的视觉效果。在下一个示例中,如果将计时器间隔减小到比Chart.AnimationsSpeed属性更低的频率(默认值为500ms),则可能会注意到仅在动画结束时如何更新图表,图表更新器频率与Chart.AnimationsSpeed属...原创 2020-04-20 22:06:31 · 9600 阅读 · 11 评论 -
WPF编程,Live Charts使用说明(35)——不连续曲线(间断线)
当您不知道直线系列中的值时,请 使用double.NaN,该点将是不确定的,绘制直线系列时将被忽略。后台:using System.Windows.Controls;using LiveCharts;using LiveCharts.Wpf; namespace Wpf.CartesianChart.Missing_Line_Points{ public partial ...原创 2020-04-20 22:01:04 · 1789 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(34)——不规则间距
永远不要忘记实时图表的工作原理,您总是有X和Y坐标,有时它们似乎是隐藏的,但是它们始终存在,在此示例中,我们显式给出了图表X和Y后台:using System.Windows.Controls;using LiveCharts;using LiveCharts.Defaults;using LiveCharts.Wpf; namespace Wpf.CartesianChart....原创 2020-04-20 21:57:40 · 2415 阅读 · 1 评论 -
WPF编程,Live Charts使用说明(33)——超大数据(30个系列,每10k点)
本例使用LiveCharts.Geared,齿轮传动包是一个可选的扩展,提升性能LiveCharts后台:using System;using System.Windows.Media;using LiveCharts;using LiveCharts.Geared; namespace Geared.Wpf.MultipleSeriesTest{ public cla...原创 2020-04-20 21:54:36 · 5626 阅读 · 5 评论 -
WPF编程,Live Charts使用说明(32)——可滚动图表
本事例中使用了增强类后台处理类:using System;using System.Collections.Generic;using System.ComponentModel;using LiveCharts.Defaults;using LiveCharts.Geared; namespace Geared.Wpf.Scrollable{ public cla...原创 2020-04-20 21:51:22 · 4403 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(31)——提高性能
LiveCharts不是图形库,它更像是代数库。正常情况下一个图表的呈现过程是这样的:库的核心读取视图中画布的大小,在这种情况下为WPF,然后根据数据在图表中,它计算图表中每个系列,轴或图例所需的每个标签的大小和位置以及形状,最后核心对视图说,嘿!您需要在此处绘制一条线,在此处绘制矩形,并在此处也添加标签。这样,我们就可以根据每个平台使用本机控件,一旦使用WPF,我们就可以使用其本机绘图工...原创 2020-04-20 21:46:17 · 9040 阅读 · 5 评论 -
WPF编程,Live Charts使用说明(30)——自定义设计
后台using System;using System.Collections.Generic;using System.ComponentModel;using System.Linq;using System.Runtime.CompilerServices;using System.Text;using System.Threading;using System.Threa...原创 2020-04-14 22:56:24 · 2020 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(29)——反转坐标系
LiveCharts中的反转系列实际上是自动的,您必须使用该系列的反转版本,然后实时图表将处理反转绘图,请注意 垂直和水平序列的配置不同,如果绘制自定义类型,则必须考虑这一点。实际上,所有系列都有内置的反向版本,例如LineSeries类的反向版本是VerticalLineSeries类后台using System.Windows.Controls;using LiveCharts;...原创 2020-04-14 22:54:39 · 1817 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(28)——多轴混合
您可以根据需要添加任意数量的轴,每个轴均使用其自己的系列独立缩放,要向轴添加系列,必须使用Series.ScalesXAt或Series.ScalesYAt指定它 ,两个属性的默认值为零。前台<UserControl x:Class="Wpf.CartesianChart.MultiAxesChart" xmlns="http://schemas.micro...原创 2020-04-14 22:52:38 · 3511 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(28)——活动和UI元素
前台<UserControl x:Class="Wpf.CartesianChart.UIElements.UiElementsAndEventsExample" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schem...原创 2020-04-14 22:50:36 · 1413 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(27)——进度条
后台namespace Wpf.Gauges{ public partial class Gauge360 { public Gauge360() { InitializeComponent(); } }}前台<UserControl x:Class="Wpf.Gauges.Gaug...原创 2020-04-14 22:49:00 · 2123 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(26)——环图
后台using System;using System.Linq;using System.Windows;using LiveCharts;using LiveCharts.Defaults;using LiveCharts.Wpf; namespace Wpf.PieChart{ public partial class DoughnutChartExample ...原创 2020-04-14 22:47:21 · 3163 阅读 · 1 评论 -
WPF编程,Live Charts使用说明(25)——漏斗图
后台using System.Windows.Controls; namespace Wpf.CartesianChart.Funnel_Chart{ /// <summary> /// Interaction logic for FunnelExample.xaml /// </summary> public partial cl...原创 2020-04-14 22:45:38 · 1185 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(24)——能源预测
后台using System;using System.Windows;using System.Windows.Controls;using System.Windows.Input;using LiveCharts;using LiveCharts.Wpf; namespace Wpf.CartesianChart.Energy_Predictions{ /// &...原创 2020-04-14 22:43:55 · 963 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(23)——纯色背景
后台using System.Windows;using System.Windows.Controls;using LiveCharts; namespace Wpf.CartesianChart.SolidColorChart{ /// <summary> /// Interaction logic for SolidColorExample.xaml...原创 2020-04-14 22:41:49 · 2058 阅读 · 0 评论 -
WPF编程,Live Charts使用说明(22)——地理地图
GeoMap控件非常易于自定义,这 是世界各地的地图的集合,您也可以创建自己的地图。GeoMap是Alpha版本,它们应该具有更多功能,并根据您的想法在github存储库中创建新版本。后台using System;using System.Collections.Generic;using System.Windows.Controls; namespace Wpf.Maps...原创 2020-04-14 22:38:36 · 2254 阅读 · 2 评论 -
WPF编程,Live Charts使用说明(21)——仪表图
后台using System;using System.ComponentModel;using System.Windows;using System.Windows.Controls; namespace Wpf.Gauges{ public partial class AngularGaugeExmple : UserControl, INotifyPropert...原创 2020-04-14 22:36:30 · 3103 阅读 · 1 评论 -
WPF编程,Live Charts使用说明(20)——饼图
后台using System;using System.Windows.Controls;using LiveCharts;using LiveCharts.Wpf; namespace Wpf.PieChart{ public partial class PieChartExample : UserControl { public PieChart...原创 2020-04-14 22:33:32 · 7965 阅读 · 3 评论 -
WPF编程,Live Charts使用说明(19)——开高低收系列图
后台using System;using System.ComponentModel;using System.Linq;using System.Windows;using System.Windows.Controls;using System.Windows.Media;using LiveCharts;using LiveCharts.Defaults;using Li...原创 2020-04-14 22:32:04 · 1243 阅读 · 0 评论