当前位置：首页 > news >正文

LiveCharts.WPF图表模块封装

news 来源：原创 2025/6/20 7:19:31

WPF LiveCharts.WPF 封装实现

下面是一个完整的 WPF LiveCharts.WPF 封装实现，提供了常用图表的简单使用方式，并支持数据绑定和更新。

一、LiveCharts.WPF 封装类

1. 图表基类 (ChartBase.cs)

using LiveCharts;
using LiveCharts.Wpf;
using System.Collections.Generic;
using System.Windows.Controls;
using System.Windows.Media;namespace WpfSupervisor.Charts
{public abstract class ChartBase : UserControl{protected ChartValues<double> _chartValues = new ChartValues<double>();protected SeriesCollection _seriesCollection = new SeriesCollection();protected LiveCharts.Wpf.Axis _xAxis = new LiveCharts.Wpf.Axis();protected LiveCharts.Wpf.Axis _yAxis = new LiveCharts.Wpf.Axis();static ChartBase(){// 设置默认样式DefaultStyles.Initialize();}public ChartBase(){InitializeComponent();SetupChart();}protected abstract void InitializeComponent();protected abstract void SetupChart();public void UpdateData(IEnumerable<double> newData){_chartValues.Clear();foreach (var value in newData){_chartValues.Add(value);}OnPropertyChanged(nameof(ChartValues));}public void AddDataPoint(double value){_chartValues.Add(value);OnPropertyChanged(nameof(ChartValues));}public void ClearData(){_chartValues.Clear();OnPropertyChanged(nameof(ChartValues));}public SeriesCollection SeriesCollection{get => _seriesCollection;set{_seriesCollection = value;OnPropertyChanged(nameof(SeriesCollection));}}public ChartValues<double> ChartValues{get => _chartValues;set{_chartValues = value;OnPropertyChanged(nameof(ChartValues));}}public LiveCharts.Wpf.Axis XAxis{get => _xAxis;set{_xAxis = value;OnPropertyChanged(nameof(XAxis));}}public LiveCharts.Wpf.Axis YAxis{get => _yAxis;set{_yAxis = value;OnPropertyChanged(nameof(YAxis));}}public event System.ComponentModel.PropertyChangedEventHandler PropertyChanged;protected void OnPropertyChanged(string propertyName){PropertyChanged?.Invoke(this, new System.ComponentModel.PropertyChangedEventArgs(propertyName));}}
}

2. 折线图封装 (LineChartControl.xaml & LineChartControl.xaml.cs)

LineChartControl.xaml

<UserControl x:Class="WpfSupervisor.Charts.LineChartControl"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"xmlns:local="clr-namespace:WpfSupervisor.Charts"x:Name="root"><lvc:CartesianChart Series="{Binding SeriesCollection, ElementName=root}" Axes="{Binding Axes, ElementName=root}"LegendLocation="Right"Hoverable="False"DataTooltip="{x:Null}"><lvc:CartesianChart.ChartLegend><lvc:DefaultLegend BulletSize="10" /></lvc:CartesianChart.ChartLegend><lvc:CartesianChart.Zoom><lvc:ZoomingOptions ZoomMode="X" /></lvc:CartesianChart.Zoom></lvc:CartesianChart>
</UserControl>

LineChartControl.xaml.cs

using LiveCharts;
using LiveCharts.Wpf;
using System.Collections.Generic;
using System.Windows.Controls;
using System.Windows.Media;namespace WpfSupervisor.Charts
{public partial class LineChartControl : ChartBase{public static readonly DependencyProperty TitleProperty =DependencyProperty.Register("Title", typeof(string), typeof(LineChartControl), new PropertyMetadata("折线图", OnTitleChanged));public static readonly DependencyProperty LineColorProperty =DependencyProperty.Register("LineColor", typeof(Brush), typeof(LineChartControl), new PropertyMetadata(new SolidColorBrush(Colors.Blue), OnLineColorChanged));public string Title{get => (string)GetValue(TitleProperty);set => SetValue(TitleProperty, value);}public Brush LineColor{get => (Brush)GetValue(LineColorProperty);set => SetValue(LineColorProperty, value);}public LineChartControl(){InitializeComponent();}protected override void InitializeComponent(){// 已在XAML中定义}protected override void SetupChart(){_seriesCollection = new SeriesCollection{new LineSeries{Title = Title,Values = ChartValues,PointGeometrySize = 5,Stroke = LineColor,Fill = Brushes.Transparent}};_xAxis = new LiveCha

LiveCharts.WPF图表模块封装

WPF LiveCharts.WPF 封装实现下面是一个完整的 WPF LiveCharts.WPF 封装实现，提供了常用图表的简单使用方式，并支持数据绑定和更新。一、LiveCharts.WPF 封装类 1. 图表基类 (ChartBase.cs) using LiveCharts; using LiveCharts.Wpf; using System.Collections.Generic;…...

编程日记 2025/6/20 7:19:31

微信小程序，基于uni-app的轮播图制作，轮播图本地文件图片预览

完整代码 <template><swiper class"banner" indicator-dots circular :autoplay"false"><swiper-item v-for "item in picture" :key"item.id"><view><image tap"onPreviewImage(item.img)" :…...

编程日记 2025/6/3 4:31:57

【QQmusic】复习笔记第四章分点讲解

4.1 音乐加载功能概述该部分实现了从本地磁盘加载音乐文件到程序中，并在界面上显示的功能。通过QFileDialog类创建文件选择对话框，用户可选择多个音乐文件，程序筛选出有效音频文件后，交由MusicList类管理，并更新到…...

编程日记 2025/6/2 13:39:10

设置右键打开VSCode

在日常的开发工作中，VSCode 是一款非常受欢迎的代码编辑器。为了更加便捷地使用它，我们可以将 VSCode 添加到右键菜单中，这样只需右键点击文件或文件夹，就能快速用 VSCode 打开，极大地提高工作效率。下面我就来介绍一下…...

编程日记 2025/5/31 10:55:14

数据结构和算法(八)--2-3查找树

目录一、平衡树 1、2-3查找树 1.1、定义 1.2、查找 1.3、插入 1.3.1、向2-结点中插入新键 1.3.2、向一棵只含有一个3-结点的树中插入新键 1.3.3、向一个父结点为2-结点的3-结点中插入新键 1.3.4、向一个父结点为3-结点的3-结点中插入新键 1.3.5、分解根结点 1.4、2…...

编程日记 2025/6/2 22:48:43

JSAPI2.4——正则表达式

一、语法 const str 一二三四五六七八九十 //判断内容 const reg /二/ //判断条件 console.log(reg.test(str)); //检查二、test与exec方法的区别 test方法：用于判断是否符合规则的字符串，返回值是布尔值 exec方法&…...

编程日记 2025/6/1 2:22:33

FPGA 100G UDP纯逻辑协议栈

随着器件等级的升高，高速serdes的线速率也随之提高，RFSOC 4x最大可支持100G，主流方案为RDMA方案，该方案相对比较复杂，除了需要负责逻辑端的开发，还需操作系统中开发RDMA的驱动，对于对丢包不那么…...

编程日记 2025/6/20 2:01:02

分享一个可以批量巡检GET和POST接口的Shell脚本

一、场景痛点与需求分析在分布式系统架构中，服务接口的可用性和稳定性直接影响业务连续性。当面临以下场景时，需批量巡检GET和POST接口： 上线验证：新版本发布后批量验证核心接口故障恢复：异常数据修复后的批量重试…...

编程日记 2025/6/3 21:53:48

机器学习之一：机械式学习

正如人们有各种各样的学习方法一样，机器学习也有多种学习方法。若按学习时所用的方法进行分类，则机器学习可分为机械式学习、指导式学习、示例学习、类比学习、解释学习等。这是温斯顿在1977年提出的一种分类方法。有关机器学习的基本概念，…...

编程日记 2025/6/2 11:26:28

区分PROJECT_SOURCE_DIR, CMAKE_SOURCE_DIR,CMAKE_CURRENT_SOURCE_DIR

编程日记 2025/6/3 13:37:51

Python循环结构深度解析与高效应用实践

引言：循环结构在编程中的核心地位循环结构作为程序设计的三大基本结构之一，在Python中通过while和for-in两种循环机制实现迭代操作。本文将从底层原理到高级应用，全面剖析Python循环机制的使用技巧与优化策略，助您掌握高效迭代的…...

编程日记 2025/6/3 12:52:14

25【干货】在Arcgis中根据字段属性重新排序并自动编号的方法（二）

上一篇关于属性表自动编号的文章因为涉及到代码（【干货】在Arcgis中根据字段属性重新排序并自动编号的方法（一）），担心大家有些东西确实不熟悉，今天就更新一篇不需要代码也能达到这个目的的方法。主要的思路…...

编程日记 2025/6/4 1:54:02

SinSR模型剪枝实验报告

SinSR模型剪枝实验报告实验概述我成功地对SinSR模型进行了L1范式剪枝，剪枝比例为50%。通过分析剪枝前后的模型参数和性能，我们得出了以下结论。剪枝实现方法创建专用的main_prune.py脚本，用于剪枝训练。创建quick_prune.py脚本&#…...

编程日记 2025/6/2 18:33:46

IT社团分析预测项目（pandas、numpy、sklearn）

IT社团人数的增长陷入迟滞，同时不同目标任务和不同经营模式的社团更是层出不穷。在面临内忧外患的情况下，本社团希望结合社团行业现状，分析同学和出勤的数据，挖据数据中的信息，通过对人数流失进行预测寻找到相应的对策…...

编程日记 2025/6/4 13:16:10

C语言中位段的应用

一，位段的主要应用场景硬件寄存器操作嵌入式开发中，硬件寄存器通常以位为单位控制设备状态。位段可直接映射到寄存器，简化位操作： typedef struct {unsigned int enable : 1; // 使能位unsigned int mode : 3; // 模式选择&…...

编程日记 2025/6/2 4:51:29

【Linux网络#1】：网络基础知识

1、网络发展在计算机发展历程中，经历过下面四个阶段： 1.独立模式独立模式：计算机之间相互独立，每台计算机做自己的事情，彼此之间没有直接信息传递。如果两台计算机需要通信就需要将当前计算机的数据通过某种方式拷贝…...

编程日记 2025/6/3 13:29:44

基于物联网的园林防火监测系统

标题:基于物联网的园林防火监测系统内容:1.摘要随着全球气候变化和人类活动影响，园林火灾发生频率呈上升趋势，给生态环境和人类生命财产造成巨大损失。为有效预防和应对园林火灾，本文提出基于物联网的园林防火监测系统。该系统综合运用传感…...

编程日记 2025/6/20 6:16:57

华为云loT物联网介绍与使用

🌐 华为云 IoT 物联网平台详解：构建万物互联的智能底座随着万物互联时代的到来，物联网（IoT）已成为推动数字化转型的关键技术之一。华为云 IoT 平台（IoT Device Access）作为华为云的核心服务之…...

编程日记 2025/6/3 17:13:05

Redis 数据类型全览：特性、场景与操作实例

Redis 是一款开源的内存数据库，支持多种数据类型，以下是对常见 Redis 数据类型的介绍： 1. String（字符串） 描述字符串是 Redis 里最基础的数据类型，其值可以是简单的字符串、数字，甚至是二进…...

编程日记 2025/6/2 10:41:03

Qt动态库信号崩溃问题解决方案

在Qt中，当动态库向主程序发送信号导致崩溃时，通常涉及线程安全或对象生命周期问题。以下是逐步解决方案： 1. 检查线程上下文问题：动态库所在的线程与主程序线程不同，跨线程信号未正确处理。解决方案： 显式…...

编程日记 2025/5/31 18:59:04

Go设计模式-观察者模式

简介在软件开发中，我们常常会遇到这样的场景：一个对象的状态变化需要通知到多个其他对象，让它们做出相应的反应。观察者模式（Observer Pattern）就是解决这类问题的一种设计模式。在 Go 语言中，由于其简洁…...

编程日记 2025/6/20 5:13:51

《TCP/IP详解卷1：协议》之第七、八章：Ping Traceroute

目录一、ICMP回显请求和回显应答 1、ICMP回显请求 2、ICMP回显应答二、ARP高速缓存三、IP记录路由选项（Record Route，RR） 1、记录路由选项的工作过程 2、RR 选项的 IP 头部格式 2.1、RR 请求 2.2、RR响应四、ping 的去返路径五…...

编程日记 2025/6/2 18:40:46

Unity任务系统笔记

数据结构设计任务基类包括的字段： string 任务内容； Transform 任务目的地； MyCharacter 任务开启后要更新对话的NPC； MyTalkData 任务开启后相关NPC要说的对话数据； 共同方法：开启任务、完成任务。…...

编程日记 2025/6/3 5:56:59

Three.js + React 实战系列-3D 个人主页：构建 Hero 场景组件（项目核心）✨

在本节中，我们将完成整个 3D 主业项目中最核心的组件 —— Hero.jsx。这个组件作为首页的主视觉部分，整合了 3D 模型、动画相机、交互按钮与自适应布局，构建出一个立体、酷炫、可交互的主场景。前置准备： ✅安装依赖&#xff…...

编程日记 2025/6/4 16:38:51

线程池（二）：深入剖析synchronized关键字的底层原理

线程池（二）：深入剖析synchronized关键字的底层原理线程池（二）：深入剖析synchronized关键字的底层原理一、基本使用1.1 修饰实例方法1.2 修饰静态方法1.3 修饰代码块二、Monitor2.1 Monitor的概念2.2 Moni…...

编程日记 2025/6/3 23:27:40

网络原理 - 9

目录数据链路层以太网以太网帧格式 MAC 地址 DNS（Domain Name System） 完！ 数据链路层这里的内容也是简单了解，除非是做交换机开发，一般程序员不需要涉及~~ 以太网 ”以太网“不是一种具体的网络&#xf…...

编程日记 2025/6/3 21:12:31

springboot入门-业务逻辑核心service层

在 Spring Boot 中，Service 层是业务逻辑的核心，负责协调数据访问层（Repository 或 Mapper）和控制器层（Controller），处理业务规则、事务管理以及数据转换。以下是 Service 层的详细说明、常用注…...

编程日记 2025/6/3 17:17:36

在RHEL 10上安装和配置TFTP服务器（不使用xinetd）

RHEL10已经废弃xinetd，使用下面的方式安装配置TFTP服务器。 1. 安装TFTP服务器和客户端 sudo dnf install tftp-server tftp -y 2. 配置TFTP服务器创建TFTP根目录并设置权限 sudo mkdir -p /var/lib/tftpboot sudo chmod -R 777 /var/lib/tftpboot sudo chown -R…...

编程日记 2025/6/2 15:28:35

AIGC在游戏开发中的革命：自动化生成3A级游戏内容

一、智能游戏开发架构 1.1 传统开发痛点与AIGC创新开发环节传统痛点 AIGC解决方案角色原画设计美术资源产能瓶颈文生图3D模型自动生成场景搭建重复劳动占比高程序化生成风格迁移 NPC行为设计模式化严重强化学习驱动智能行为任务系统剧情线性缺乏变化动态剧情生成系…...

编程日记 2025/6/3 6:41:26

ChatGPT、deepseek、豆包、Kimi、通义千问、腾讯元宝、文心一言、智谱清言代码能力对比

均使用测试时的最强模型均是一次对话,对话内容一样均开启深度思考能联网的都联网了，但是作用不大，因为蓝桥杯刚考完，洛谷题目刚上传没多久问题一测试了两遍从问题三开始不再测试智谱清言（它思考时间太长了，前两个…...

编程日记 2025/5/31 2:56:37

Linux扩展

目录扩展查找如何进行后台运行程序的指令使用 & 符号使用 nohup 命令使用 screen 或 tmux find命令基本语法常用选项 grep 命令基本语法常用选项如何使用 vim 直接定位到错误行 1. 使用 :make 和 :copen 2. 使用 :lineno 定位 3. 通过 :grep 或 :…...

编程日记 2025/5/30 13:28:20

Java Hotspot VM researcher

** therefore, careful design and understanding of modules are essential to fully reap the performance benefits. **...

编程日记 2025/5/29 23:45:27

java—基础

目标 ├── 第一阶段：内容清单 │ └── 目标：建立编程思想 ├── 第二阶段：内容清单 │ └── 目标：提升编程能力 └── 第三阶段：内容清单└── 目标：分析需求，代码实现能力以下是根…...

编程日记 2025/5/30 4:58:52

【OpenCV】第二章——图像处理基础

图像处理基础学习笔记本章节详细介绍了图像处理的基础内容，包括图像的读取、显示、保存，基本属性的查看，图像的变换与操作，以及常用的图像处理方法。目录图像的读取与显示图像基本属性图像的灰度化与二值化图像的色彩空间转换…...

编程日记 2025/5/30 4:17:31

在WSL2+Ubuntu22.04中通过conda pack导出一个conda环境包，然后尝试导入该环境包

如何导出一个离线conda环境？有两种方式，一种是导出env.yml即环境配置，一种是通过conda pack导出为一个环境包，前者只是导出配置（包括包名、版本等），而后者是直接将环境中所有的内容打包&#xf…...

编程日记 2025/6/2 15:58:22

C++：类和对象（上）---镜中万象：C++类的抽象之境与对象的具体之象

类（Class）是一种用户自定义的数据类型。文章目录： 前言一、面向过程和面向对象初步认识二、类的引入三、类的定义 3.1类是什么？ 3.2类的定义四、类的访问限定符和封装 4.1类的访问限定符 4.2封装五、类和对象的关系六、类对…...

编程日记 2025/5/30 20:44:10

碰一碰发视频源码搭建全解析，支持OEM

在数字化交互体验不断升级的背景下，“碰一碰发视频” 功能凭借其便捷性和趣味性，逐渐成为营销推广、社交分享等场景中的热门需求。该功能基于近场通信技术，实现设备间快速的数据传输。本文将详细介绍其源码搭建过程，助力开发者实现…...

编程日记 2025/6/4 5:57:39

搭建spark-local模式

要搭建Spark的local模式，你可以按照以下步骤进行操作（以在Linux系统上安装为例，假设你已经安装了Java环境）： 1. 下载Spark安装包：访问Spark官方网站（https://spark.apache.org/downloads.html&a…...

编程日记 2025/6/3 18:52:29

Goland终端PowerShell命令失效

Goland终端Terminal的PowerShell不能使用，明明windows上升级了PowerShell 7设置了配置文件，但是只能在windows终端下使用，goland终端下直接失效报错，安装升级PowerShell请看[博客](Windows11终端升级PowerShell7 - HashFlag - 博客…...

编程日记 2025/6/4 7:14:36

前端节流、防抖函数

节流什么是节流？ 节流就是同一个事件一秒钟他执行了很多次。但是我不想他执行这么多次，我只想让他执行一次或者两次。那该怎么办？ why baby why 那我想就是他执行的时候我就设置一个定时器，如果定时器是空的，等会…...

编程日记 2025/5/30 8:33:49

如何使用WebRTC

WebRTC比较容易使用，只需要很少的步骤，有些消息在浏览器和服务器之间流动，有些则直接在两个浏览器之间流动， 1、建立WebRTC会话 a：建立WebRTC连接需要加入以下几个步骤： 获取本地媒体：getUse…...

编程日记 2025/5/30 18:26:37

在 Vue 3 setup() 函数中使用 TypeScript 处理 null 和 undefined 的最佳实践

在 Vue 3 中使用 setup() 函数和 TypeScript 时，null 和 undefined 是两个需要特别关注的类型。虽然它们看起来都表示“没有值”，但它们在 JavaScript 和 TypeScript 中有着不同的含义和使用场景。如果不小心处理它们，可能会导致潜在的 bug 或…...

编程日记 2025/6/2 10:41:09

【C++11】Lambda表达式

前言上文我们学习了C11新语法，可变参数模板以及用可变参数模板作为形参的emplace接口。【C11】可变参数模板-CSDN博客本文我们来学习C11下一个新语法，Lambda表达式。 1.Lambda表达式语法 Lambda表达式本质是一个匿名函数对象，与普通函数不同…...

编程日记 2025/6/3 18:50:03

【落羽的落羽 C++】vector

文章目录一、vector类介绍二、vector中的常用接口三、迭代器失效问题四、vector的使用实例五、vector模拟实现一、vector类介绍 vector是STL中的一种容器，本质上是顺序表。它和string类的结构很相似，其也有size、capacity、数组等，不同的是…...

编程日记 2025/6/1 16:22:01

DIFY 浅尝 - Dify + Ollama 抓取BBC新闻

假设你已经按照上篇文章 DIFY 浅尝 - DIFY Ollama 添加模型搭建好了本地环境. 创建一个新的工作流进入你的本地Dify工作台，选择工作室->创建空白应用选择工作流，输入应用名称BBC旅游新闻，点击创建创建一个网页爬虫配置网页爬虫…...

编程日记 2025/6/19 23:40:58

基于MTF的1D-2D-CNN-BiLSTM-Attention时序图像多模态融合的故障分类识别（Matlab完整源码和数据），适合研究学习，附模型研究报告

基于MTF的1D-2D-CNN-BiLSTM-Attention时序图像多模态融合的故障分类识别（Matlab完整源码和数据），适合研究学习，附模型研究报告目录基于MTF的1D-2D-CNN-BiLSTM-Attention时序图像多模态融合的故障分类识别（Matlab完整…...

编程日记 2025/6/4 16:01:35

nuxt3项目搭建：一、初始化项目流程指南

一、初始化项目初始化命令 1、创建nuxt3项目 npm create nuxtlatest2、填写项目名称这里我直接填了nuxt-app 3、选择包管理器这里的包管理器我们选择pnpm 4、选择是否创建git仓库选择完包管理器后，脚手架会自动下载依赖，git仓库我已经创建好了…...

编程日记 2025/6/3 18:17:21

案例速成GO+redis 个人笔记

更多个人笔记：（仅供参考，非盈利） gitee： https://gitee.com/harryhack/it_note github： https://github.com/ZHLOVEYY/IT_note （更多GOredis等见内部，会及时更新～&#x…...

编程日记 2025/6/1 14:59:24

C/C++ 头文件包含机制：从语法到最佳实践

在C/C++编程中，头文件（.h 或 .hpp）扮演着至关重要的角色。它们不仅是代码模块化的基石，更是编译器理解程序结构的关键。然而，头文件的使用看似简单，实则暗含许多细节，稍有不慎便可能导致编译错误、代码冗余，甚至隐藏难以调试的问题。本文将从语法、编译器行为到工程实践…...

编程日记 2025/5/31 8:49:39

职业教育新形态数字教材的建设与应用：重构教育生态的数字化革命

教育部新时代职业学校名师(名匠)名校长培养计划、四川省第四批职业学校名师(名匠)培养计划专题在某职业院校的智能制造课堂上，学生佩戴VR设备，通过数字教材中的虚拟工厂完成设备装配训练，系统实时生成操作评分与改进建议。这一场景折射出职业…...

编程日记 2025/6/3 21:11:29

WPF LiveCharts.WPF 封装实现

一、LiveCharts.WPF 封装类

1. 图表基类 (ChartBase.cs)

2. 折线图封装 (LineChartControl.xaml & LineChartControl.xaml.cs)

相关文章：