esp32c3 lvgl 7.9 chart的y轴刻度的一个小Bug

最新推荐文章于 2024-07-15 20:14:39 发布

m0_46360070

最新推荐文章于 2024-07-15 20:14:39 发布

阅读量938

点赞数

文章标签：单片机物联网

本文链接：https://blog.csdn.net/m0_46360070/article/details/124236306

版权

在使用LVGL图形库创建图表时，遇到无法通过lv_chart_set_y_tick_texts()设置Y轴刻度文字的问题。经过实验发现，通过lv_obj_set_style_local_value_str()函数，用长空格字符串覆盖图表区域，当字符串长度足够时，Y轴刻度标识才会显现。设置关键参数包括y轴数值范围、数据点大小、刻度线数、点数量等，最终实现Y轴刻度文字的显示。

摘要由CSDN通过智能技术生成

使用lvgl，创建一个chart时，如果想设置y轴刻度的文字标识，使用lv_chart_set_y_tick_texts()函数。但是屡次实验均失败。多次尝试后，发现使用函数lv_obj_set_style_local_value_str(chart, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "string");会在图表中央显示string字样，随着string文字长度的延长，至左右铺满整个图表时，会显示y轴的标识。

    lv_chart_set_range(chart, 24, 40);//设置y轴数值范围，默认0-100
    lv_obj_set_style_local_size(chart, LV_CHART_PART_SERIES, LV_STATE_DEFAULT, 3);//3的值表示折线图中数据点的大小
    lv_obj_set_style_local_value_str(chart, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "                                                                     ");//长空格的长度超过表格长度才会显示y轴刻度，否则不显示y轴刻度。字符串居中显示在图表中央
    lv_chart_set_div_line_count(chart, 6, 0);//y轴方向最上与最下刻度之间画6条刻度线
    //lv_chart_set_y_tick_length(chart,5,2);//像直尺的刻度，厘米的刻度线长为5，毫米的刻度线短为2
    lv_chart_set_y_tick_texts(chart, "P\n26\n25\n24\n23\n22\n21\n20", 2, LV_CHART_AXIS_DRAW_LAST_TICK);//第三个参数表示长刻度之间划分为2份，划分线的长度为上面函数的第三个参数。
    lv_chart_set_point_count(chart,20);//图表中数值的数量，即x轴维度上的数量。