LVGL Chart 控件之心率折线图实现

一、前言

        笔者前面的博文中已经跟大家分享过基于 LVGL 指针表盘界面的实现、通过 List 控件进行菜单的设计，接下来继续跟大家分享通过 Chart 控件进行图表的设计。

        本次分享的内容是基于 LVGL 7.11.0 版本实现的。

二、Chart 控件介绍

• Chart 控件简介

        Chart 控件可以进行图表的绘制，主要由背景、水平或垂直分割线、数据线（series）三部分构成，支持折线图和柱形图。本次分享以画折线图为例进行讲解。

• Chart 控件样式

        LV_CHART_PART_BG 为图表的背景属性，使用所有典型的背景属性。

        LV_CHART_PART_SERIES_BG 为图表系列的背景属性。

        LV_CHART_PART_SERIES 为图表系列的属性设置。

        以上样式在第三点中结合实际例子讲解。

三、Chart 应用

        下面以心率测量折线图为例子，讲解如何通过 Chart 控件绘制折线图。

• 创建 Chart 对象