mirror of
https://github.com/espressif/esp-idf.git
synced 2025-08-16 15:04:22 +00:00
69 lines
2.8 KiB
C
69 lines
2.8 KiB
C
/*
|
|
* SPDX-FileCopyrightText: 2022-2024 Espressif Systems (Shanghai) CO LTD
|
|
*
|
|
* SPDX-License-Identifier: CC0-1.0
|
|
*/
|
|
|
|
// This demo UI is adapted from LVGL official example: https://docs.lvgl.io/master/widgets/chart.html#scatter-chart
|
|
|
|
#include "lvgl.h"
|
|
|
|
static void draw_event_cb(lv_event_t *e)
|
|
{
|
|
lv_draw_task_t *draw_task = lv_event_get_draw_task(e);
|
|
lv_draw_dsc_base_t *base_dsc = lv_draw_task_get_draw_dsc(draw_task);
|
|
if (base_dsc->part == LV_PART_INDICATOR) {
|
|
lv_obj_t *obj = lv_event_get_target(e);
|
|
lv_chart_series_t *ser = lv_chart_get_series_next(obj, NULL);
|
|
lv_draw_rect_dsc_t *rect_draw_dsc = lv_draw_task_get_draw_dsc(draw_task);
|
|
uint32_t cnt = lv_chart_get_point_count(obj);
|
|
|
|
/*Make older value more transparent*/
|
|
rect_draw_dsc->bg_opa = (LV_OPA_COVER * base_dsc->id2) / (cnt - 1);
|
|
|
|
/*Make smaller values blue, higher values red*/
|
|
int32_t *x_array = lv_chart_get_x_array(obj, ser);
|
|
int32_t *y_array = lv_chart_get_y_array(obj, ser);
|
|
/*dsc->id is the tells drawing order, but we need the ID of the point being drawn.*/
|
|
uint32_t start_point = lv_chart_get_x_start_point(obj, ser);
|
|
uint32_t p_act = (start_point + base_dsc->id2) % cnt; /*Consider start point to get the index of the array*/
|
|
lv_opa_t x_opa = (x_array[p_act] * LV_OPA_50) / 200;
|
|
lv_opa_t y_opa = (y_array[p_act] * LV_OPA_50) / 1000;
|
|
|
|
rect_draw_dsc->bg_color = lv_color_mix(lv_palette_main(LV_PALETTE_RED),
|
|
lv_palette_main(LV_PALETTE_BLUE),
|
|
x_opa + y_opa);
|
|
}
|
|
}
|
|
|
|
static void add_data(lv_timer_t *timer)
|
|
{
|
|
lv_obj_t *chart = lv_timer_get_user_data(timer);
|
|
lv_chart_set_next_value2(chart, lv_chart_get_series_next(chart, NULL), lv_rand(0, 200), lv_rand(0, 1000));
|
|
}
|
|
|
|
void example_lvgl_demo_ui(lv_display_t *disp)
|
|
{
|
|
lv_obj_t *scr = lv_display_get_screen_active(disp);
|
|
lv_obj_t *chart = lv_chart_create(scr);
|
|
lv_obj_set_size(chart, 400, 300);
|
|
lv_obj_align(chart, LV_ALIGN_CENTER, 0, 0);
|
|
lv_obj_add_event_cb(chart, draw_event_cb, LV_EVENT_DRAW_TASK_ADDED, NULL);
|
|
lv_obj_add_flag(chart, LV_OBJ_FLAG_SEND_DRAW_TASK_EVENTS);
|
|
lv_obj_set_style_line_width(chart, 0, LV_PART_ITEMS);
|
|
|
|
lv_chart_set_type(chart, LV_CHART_TYPE_SCATTER);
|
|
|
|
lv_chart_set_range(chart, LV_CHART_AXIS_PRIMARY_X, 0, 200);
|
|
lv_chart_set_range(chart, LV_CHART_AXIS_PRIMARY_Y, 0, 1000);
|
|
|
|
lv_chart_set_point_count(chart, 50);
|
|
|
|
lv_chart_series_t *ser = lv_chart_add_series(chart, lv_palette_main(LV_PALETTE_RED), LV_CHART_AXIS_PRIMARY_Y);
|
|
for (int i = 0; i < 50; i++) {
|
|
lv_chart_set_next_value2(chart, ser, lv_rand(0, 200), lv_rand(0, 1000));
|
|
}
|
|
|
|
lv_timer_create(add_data, 100, chart);
|
|
}
|