LVGL 8.2.0之Line Chart

最新推荐文章于 2024-09-10 20:08:33 发布

风雨依依

最新推荐文章于 2024-09-10 20:08:33 发布

阅读量1.2k

点赞数

分类专栏： little VGL C/C++ 文章标签： LVGL 8.2.0 Line Chart

本文链接：https://blog.csdn.net/mygod2008ok/article/details/123626091

版权

C/C++ 同时被 2 个专栏收录

164 篇文章 11 订阅

订阅专栏

little VGL

133 篇文章 113 订阅

订阅专栏

这段代码演示了如何在LVGL图形库中创建一个LineChart控件，并展示了如何设置其大小、位置、数据系列及颜色。代码分别添加了两条数据系列，一条红色，一条绿色，并直接设置了它们的数值。此外，还配置了Y轴的刻度显示。

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

创建Line Chart控件

static void lv_example_chart_1(void)
{
    /*Create a chart*/
    lv_obj_t* chart;
    chart = lv_chart_create(lv_scr_act()); // 创建Chart对象
    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_RED), LV_CHART_AXIS_PRIMARY_Y); // 创建第1条chart series,设置红色
    lv_chart_series_t* ser2 = lv_chart_add_series(chart, lv_palette_main(LV_PALETTE_GREEN), LV_CHART_AXIS_SECONDARY_Y); // 创建第1条chart series,设置绿色
    /*Set the next points on 'ser1'*/
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 30);
    lv_chart_set_next_value(chart, ser1, 70);
    lv_chart_set_next_value(chart, ser1, 90);
    /*Directly set points on 'ser2'*/
    ser2->y_points[0] = 90;
    ser2->y_points[1] = 70;
    ser2->y_points[2] = 65;
    ser2->y_points[3] = 65;
    ser2->y_points[4] = 65;
    ser2->y_points[5] = 65;
    ser2->y_points[6] = 65;
    ser2->y_points[7] = 65;
    ser2->y_points[8] = 65;
    ser2->y_points[9] = 65;
     lv_chart_set_axis_tick(chart, LV_CHART_AXIS_PRIMARY_Y, 5, 2,3 ,2, true, 40); // y轴tick显示,显示3个刻度值
    lv_chart_refresh(chart); /*Required after direct set*/
}