WPFUI LiveCharts使用记录（一）柱状图

您所在的位置：网站首页 › 制作对比柱状图的软件下载安装 › WPFUI LiveCharts使用记录（一）柱状图

WPFUI LiveCharts使用记录（一）柱状图

2024-07-12 18:31| 来源: 网络整理| 查看: 265

前言：LiveCharts是一个图标控件库集，可以实现柱状图、折线图、饼图、仪表盘等图表控件。而且最新版本支持全平台使用，实现的样例展示可以点击查看作者Alberto Rodríguez的 github仓库

1.背景 1.1 新建项目

这篇文章使用的是.NET framework4.7框架作为演示，使用MVVM的方式去绑定后台数据自定义柱状图的展示在这里插入图片描述

1.2 引用NuGet包

在这里插入图片描述

2. 定义柱状图 2.1xmal代码

一、添加livecharts的引用

xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"

二、新建柱状图

当然现在这样子还是不能满足我们的使用需求。下面对柱状图相关的属性进行讲解，这样子大家可以自定义的去修改自己想要修改的属性。

3. 属性 3.1Series

定义柱状图中可用数据，可以绑定一个或者多个，每个都可以自定义数值、颜色等属性

在这里插入图片描述

3.1.1 代码：

xaml：

ViewModel：

public class MainViewModel { #region 属性 private SeriesCollection achievement = new SeriesCollection(); /// /// 成绩柱状图 /// public SeriesCollection Achievement { get { return achievement; } set { achievement = value; } } private List studentNameList; /// /// 学生名字 /// public List StudentNameList { get { return studentNameList; } set { studentNameList = value; } } #endregion #region 方法 /// /// 成绩初始化 /// public void Init() { //名字集合 StudentNameList = new List() { "张三", "李四", "王五", "赵六", "小明", }; //成绩分数集合 ChartValues achievement = new ChartValues(); Random random = new Random(); for (int i = 0; i

【本文地址】

WPFUI LiveCharts使用记录（一）柱状图

WPFUI LiveCharts使用记录（一）柱状图

今日新闻

推荐新闻