【XSLVGL2.0】如何实现一些简单的图表(lv_chart.c)

最新推荐文章于 2024-09-02 09:39:49 发布
最新推荐文章于 2024-09-02 09:39:49 发布
阅读量170 收藏
点赞数
分类专栏： # XSLVGL 2.0开发手册 XSLVGL2.0-Artinchip LVGL 文章标签： arm mcu c语言 linux unix
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangta789/article/details/137972069
版权
这篇博客介绍了XSLVGL2.0开发手册，重点讲解了如何配置和创建包括带有缩放和移动功能的图表，以及离散点图的实现，适合MCU和Linux平台的开发者参考。
摘要由CSDN通过智能技术生成
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Bigan(安)
关注
专栏目录
订阅专栏
LVGL core obj and obj_class 对象管理(lv_obj.c/lv_obj_class.c)
Bigan(安)的博客
08-29 1730
LVGL的虽然是用c语言实现的代码，却采用lv_obj_t和结构体来实现一些对象思想。相比与C++语言来讲，该套机制实现了继承关系，却没有支持重载关系（之所以说它只支持继承关系而不支持重载，就是因为这个结构体在使用时，多被定义为const修饰，这样对象的功能函数就没法修改了。如果有用到重载关系的，需要开发者自行处理）。对应C++中的类，而lv_obj_t对应着对象，对象lv_obj_t通过类来构造。对象使用中定义的接口来构造成lv_obj_t对象，lv_obj_t对象使用lv_obj.c。...
tui.chart：:bread::bar_chart:用于数据可视化的漂亮图表
02-05
:bread: :chart_increasing: 将数据分散在TOAST UI图表上。 TOAST UI Chart是Beautiful Statistics Data Visualization库。 :package: 配套 当使用Plain JavaScript，React，Vue组件时，TOAST UI Chart的功能可用。 由NHN实现JavaScript组件。 由NHN实现的Vue包装器组件。 由NHN实现的React包装器组件。 :orange_book: 文件资料 讲解 v4.0迁移指南 :smiling_face_with_heart-eyes: 为什么选择TOAST UI Chart？ 简单，易用，美观！ TOAST UI Chart使您的数据弹出并以易于理解的方式呈现。 此外，它提供了广泛的主
LVGL-lv_chart
lbaihao的专栏
03-27 1753
#include "gui_user.h" static void update_chart(lv_task_t *t); static void obj_event_cb(lv_obj_t * obj, lv_event_t event); static const uint8_t *list_value_x = "0\n1\n2\n3\n4\n5\n6\n7\n\8\n\9"; static const uint8_t *list_value_y = "100\n90\n80\n70\n6...
LVGL 控件之图表部件（lv_chart）
最新发布
Yuxxxxxxxxxx 的博客
09-02 2万+
前面提过，图表部件默认只支持 10 个数据点，如果我们具有11 个数据，那么图表先显示前 10 个数据，而第 11 个数据会将图表的 10 个数据逐一往左移位，最后把第一个数据点的数值去除了。前面我们讲解到图表部件只支持 10 个数据点，如果我们使用这个函数初始化数据点，则这些数据点的数值都是一样的。此函数主要修改某个数据点的数值，前面我们讲到图表部件默认只支持 10 数据点，这些数据点是从 0 开始自增。添加到当前图表中，该函数具有八个形参，这些形参主要设置刻度线和刻度线的标签。图表默认的垂直范围为。
LVGL：拓展部件——图表 lv_chart
友善啊，朋友的博客
04-01 3997
此控件是用于可视化的基础图形对象。
LVGL lv_chart图标控件（24）
jiang_2018的博客
06-06 2908
lv_chart 表格控件由背景、水平垂直分割线、数据线组成 样式 例子 效果
lvgl chart
chenliang0224的专栏
01-08 4527
6.1 创建一个图表对象 6.2 设置图表的大小 6.3 设置图表的对齐位置 6.4 设置图表的区域(LV_CHART_TYPE_AREA是线显示的区域，LV_CHART_TYPE_LINE表示单纯的线) 6.5 设置图表的透明度 6.6 设置数据系列的线宽或点半径（线的粗细） 6.7 设置最大或最小的Y值 6.8 设置每条数据线所具有的数据点个数,如果不设置的话,则默认值是 10 6.9 设置水平和垂直分割线 6.10 设置 y 轴的数值范围,[0,100]也是默认值 6.11 设置 y 轴的主刻度线长度
LVGL配置文件详解lv_conf.h（V7.9.1）.pdf
03-18
lvgl，即Light and Versatile Graphics Library，是一个开源的图形库，可以运行在各类单片机上，在使用时需要配置lv_conf.h文件对lvgl配置和剪裁，本文对lv_conf.h进行的全方位的解读
lv98修改版2020-05-11_lv98.cn_lv98影视_www.lv98.c_lv.98cn_lv98_
10-02
【标题】"lv98修改版2020-05-11_lv98.cn_lv98影视_www.lv98.c_lv.98cn_lv98_" 暗示了这是一个关于影视网站源码的修改版，具体是lv98.cn这个平台的2020年5月11日更新版本。该标题包含了多个与该资源相关的域名变体，...
lv_examples：LVGL嵌入式GUI库的示例，教程和应用程序
02-12
将lv_examples/lv_ex_conf_templ.h复制到lv_examples目录旁边 将其重命名为lv_ex_conf.h 将第一个#if 0更改为#if 1以启用文件的内容 启用或禁用模块 例子 开始吧 如果您不熟悉LVGL，请首先检查以下示例。 他们展示...
LVGL chart控件
不咸不要钱
12-27 1987
lvgl chart 控件 折线图 显示小数 实时曲线 医疗监护曲线
LVGL学习笔记 25 - 图表Chart
pq的博客
04-04 1万+
图表通过lv_chart_create创建。四个边分别对应主X轴，主Y轴，副X轴，副Y轴。
LVGL 8.2.0 CHART显示ECG数据
mygod2008ok的专栏
06-04 3392
CHART显示ECG数据
LVGL V8.2.0之Axis ticks and labels with scrolling
mygod2008ok的专栏
05-29 892
绘制函数回调 static void draw_event_cb(lv_event_t* e) { lv_obj_draw_part_dsc_t* dsc = lv_event_get_draw_part_dsc(e); //获取事件对象绘制描述符指针 if (!lv_obj_draw_part_check_type(dsc, &lv_chart_class, LV_CHART_DRAW_PART_TICK_LABEL)) return; // LV_CHART_DRAW_PART_
功率测试仪littlevgl使用心得
qq_45735671的博客
07-11 1353
功率测试仪littlevgl使用心得 1. label标签 1.1 label标签的创建 label3 = lv_label_create(scr,NULL); lv_label_set_style(label3,LV_LABEL_STYLE_MAIN,&style1);//设置具有背景色 lv_label_set_text(label3,"txt");//设置文本 ,中文要在UTF-8编码 lv_label_set_body_draw(label3,tr
使用LVGL的chart控件做一个渐变的条状图图表
weixin_43872506的博客
05-14 1049
* 设置左边的y轴的主要刻度有4条, 主要刻度长度为6，小刻度长度为0, 数量为1条(0条好像不行) *//*********** 设置LV_PART_TICKS的风格 ***********//*********** 设置LV_PART_ITEMS的风格 ***********//*********** 设置LV_PART_MAIN的风格 ***********//* 如果绘制的是底下的x轴且绘制text的指针不为空存在 *//* 图表的绘制事件，修改x轴的标签为时间 *//*设置图表的柱子数值*/
让你的GUI统计更直观？试试 LVGL『Chart图表控件』吧
朝气蓬勃
02-26 9476
一. LVGL GUI图标控件的概念 图表是可视化数据点的基本对象。它们支持折线图（将点与线连接和/或在其上绘制点）和柱形图。 二. LVGL GUI图表小部件和样式 图表的主要部分被称为LV_CHART_PART_BG ，它使用所有典型的背景属性。该文本样式属性确定轴文本的风格和线条属性决定了刻度的风格。 填充值在侧面增加了一些空间，因此使序列区域更小。 填充也可用于为轴文本和刻度线留出空间。 组合的背景称为 LV_CHART_PART_SERIES_BG ，并放置在主要背景上。在此部分上绘制了分.
lvgl820版本只有lv_conf_internal.h,没有lv_conf.h,如何打开文件系统
05-24
lvgl820版本中，你需要在 lv_conf_internal.h 文件中定义 `LV_USE_FSINT` 宏来启用文件系统。如果你想使用外部的文件系统驱动程序，则需要将 `LV_USE_FSINT` 宏设置为 0，并在 lv_conf.h 文件中定义以下宏： ```c #define LV_FS_IFACE_SPI 1 #define LV_FS_IFACE_SD 1 #define LV_FS_IFACE_USB 1 #define LV_FS_IFACE_MEM 1 ``` 其中每个宏代表一个文件系统接口，可以根据需要进行启用或禁用。例如，如果你只想使用 SPI 接口，则将其他宏设置为 0，只将 `LV_FS_IFACE_SPI` 设置为 1。 接下来，你需要在你的代码中实现文件系统接口函数。例如，如果你需要使用 SPI 接口，则需要实现以下函数： ```c lv_fs_res_t lv_fs_spi_open(lv_fs_drv_t *drv, void *file_p, const char *path, lv_fs_mode_t mode); lv_fs_res_t lv_fs_spi_close(lv_fs_drv_t *drv, void *file_p); lv_fs_res_t lv_fs_spi_read(lv_fs_drv_t *drv, void *file_p, void *buf, uint32_t btr, uint32_t *br); lv_fs_res_t lv_fs_spi_write(lv_fs_drv_t *drv, void *file_p, const void *buf, uint32_t btw, uint32_t *bw); lv_fs_res_t lv_fs_spi_seek(lv_fs_drv_t *drv, void *file_p, uint32_t pos); lv_fs_res_t lv_fs_spi_tell(lv_fs_drv_t *drv, void *file_p, uint32_t *pos_p); lv_fs_res_t lv_fs_spi_remove(lv_fs_drv_t *drv, const char *path); lv_fs_res_t lv_fs_spi_rename(lv_fs_drv_t *drv, const char *oldname, const char *newname); lv_fs_res_t lv_fs_spi_free_space(lv_fs_drv_t *drv, uint32_t *total_p, uint32_t *free_p); lv_fs_res_t lv_fs_spi_dir_open(lv_fs_drv_t *drv, void *rddir_p, const char *path); lv_fs_res_t lv_fs_spi_dir_read(lv_fs_drv_t *drv, void *rddir_p, char *fn); lv_fs_res_t lv_fs_spi_dir_close(lv_fs_drv_t *drv, void *rddir_p); ``` 这些函数中的每一个都与文件系统操作相关，例如打开、关闭、读取、写入、删除、重命名和遍历目录等操作。你需要根据你的硬件和文件系统驱动程序来实现这些函数。 最后，你需要使用 `lv_fs_if_init()` 函数初始化文件系统接口，并使用 `lv_fs_set_default_driver()` 函数设置默认驱动程序。例如： ```c lv_fs_if_init(); lv_fs_drv_t drv; lv_fs_drv_init(&drv); drv.letter = 'S'; drv.file_size = sizeof(my_file_t); drv.open_cb = my_open_cb; drv.read_cb = my_read_cb; //...其他回调函数 lv_fs_drv_register(&drv); lv_fs_set_default_driver(&drv); ``` 在这个例子中，我们首先初始化文件系统接口，然后创建一个文件系统驱动程序，并设置驱动程序的回调函数。最后，我们将驱动程序注册到文件系统中，并将其设置为默认驱动程序。 现在，你的文件系统已经准备好了，你可以使用 lvgl 的文件系统 API 来进行文件读写操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bigan(安)

打赏100可获技术支持一次

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值