avatar

松果工作室

欢迎光临

  • 首页
  • ESP
  • LVGL
  • CubeMX
  • freeRTOS
  • 快速笔记
  • 个人收藏
  • 我的服务
  • 所见所闻
Home (LVGL)案例预览 图表
文章

(LVGL)案例预览 图表

Posted 2026-02-17 Updated 2026-02- 17
By YCP
4~5 min read

折线图

void lv_example_chart_1(void)
{
    /*Create a chart*/
    lv_obj_t * chart;
    chart = lv_chart_create(lv_screen_active());
    lv_obj_set_size(chart, 200, 150);
    lv_obj_center(chart);
    lv_chart_set_type(chart, LV_CHART_TYPE_LINE);   /*Show lines and points too*/

    /*Add two data series*/
    lv_chart_series_t * ser1 = lv_chart_add_series(chart, lv_palette_main(LV_PALETTE_GREEN), LV_CHART_AXIS_PRIMARY_Y);
    lv_chart_series_t * ser2 = lv_chart_add_series(chart, lv_palette_main(LV_PALETTE_RED), LV_CHART_AXIS_SECONDARY_Y);
    int32_t * ser2_y_points = lv_chart_get_series_y_array(chart, ser2);

    uint32_t i;
    for(i = 0; i < 10; i++) {
        /*Set the next points on 'ser1'*/
        lv_chart_set_next_value(chart, ser1, (int32_t)lv_rand(10, 50));

        /*Directly set points on 'ser2'*/
        ser2_y_points[i] = (int32_t)lv_rand(50, 90);
    }

    lv_chart_refresh(chart); /*Required after direct set*/
}

截屏2026-02-17 13.26.41.png

其他图表

截屏2026-02-17 13.29.45.png

截屏2026-02-17 13.29.35.png

截屏2026-02-17 13.29.20.png

截屏2026-02-17 13.29.06.png

截屏2026-02-17 13.28.55.png

截屏2026-02-17 13.28.43.png

截屏2026-02-17 13.28.32.png

LVGL
License:  CC BY 4.0
Share

Further Reading

OLDER

(LVGL)案例预览 下拉菜单

NEWER

(LVGL)案例预览 画布

Recently Updated

  • [CubeMX] SPI
  • [CubeMX] 串口 DMA
  • [CubeMX] 基础工程配置
  • (LVGL)接口预览 样式
  • (LVGL)案例预览 页面滚动吸附

Trending Tags

LVGL WCH Linux Elec ThatProject freeRTOS STM ESP Flutter Others

Contents

©2026 松果工作室. Some rights reserved.

Using the Halo theme Chirpy