yulei/routermonitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新结构

Browse Source
This commit is contained in:
yulei
2025-03-15 10:27:18 +08:00
parent 118f25ab3d
commit 18386ffd9f
1047 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/NetData.h Normal file
View File

@@ -0,0 +1,138 @@
#ifndef __NETDATA_H
#define __NETDATA_H
#include <ESP8266WiFi.h>
#include <ArduinoJson.h>
#include <string>
class NetChartData
{
public:
int api;
String id;
String name;
int view_update_every;
int update_every;
long first_entry;
long last_entry;
long before;
long after;
String group;
String options_0;
String options_1;
JsonArray dimension_names;
JsonArray dimension_ids;
JsonArray latest_values;
JsonArray view_latest_values;
int dimensions;
int points;
String format;
JsonArray result;
double min;
double max;
};
void parseNetDataResponse(WiFiClient &client, NetChartData &data)
{
// Stream& input;
DynamicJsonDocument doc(4096);
DeserializationError error = deserializeJson(doc, client);
if (error)
{
Serial.print(F("deserializeJson() failed: "));
Serial.println(error.f_str());
return;
}
data.api = doc["api"]; // 1
data.id = doc["id"].as<String>();
data.name = doc["name"].as<String>();
data.view_update_every = doc["view_update_every"]; // 1
data.update_every = doc["update_every"]; // 1
data.first_entry = doc["first_entry"]; // 1691505357
data.last_entry = doc["last_entry"]; // 1691505905
data.after = doc["after"]; // 1691505903
data.before = doc["before"]; // 1691505904
data.group = doc["group"].as<String>(); // "average"
data.options_0 = doc["options"][0].as<String>(); // "jsonwrap"
data.options_1 = doc["options"][1].as<String>(); // "natural-points"
data.dimension_names = doc["dimension_names"];
data.dimension_ids = doc["dimension_ids"];
data.latest_values = doc["latest_values"];
data.view_latest_values = doc["view_latest_values"];
data.dimensions = doc["dimensions"]; // 3
data.points = doc["points"]; // 2
data.format = doc["format"].as<String>(); // "array"
JsonArray db_points_per_tier = doc["db_points_per_tier"];
data.result = doc["result"];
data.min = doc["min"]; // 2.1594684
data.max = doc["max"]; // 3.7468776
}
/**
* 从软路由NetData获取监控信息
* ChartID:
* system.cpu - CPU占用率信息
* sensors.temp_thermal_zone0_thermal_thermal_zone - CPU 温度信息
*/
bool getNetDataInfoWithDimension(String chartID, NetChartData &data, String dimensions_filter)
{
const char *NETDATA_HOST = "192.168.31.1";
int NETDATA_PORT = 19999;
// String reqRes = "/api/v0/data?chart=sensors.temp_thermal_zone0_thermal_thermal_zone0&format=json&points=9&group=average&gtime=0&options=s%7Cjsonwrap%7Cnonzero&after=-10";
String reqRes = "/api/v1/data?chart=" + chartID + "&format=json&points=1&group=average&gtime=0&options=s%7Cjsonwrap%7Cnonzero&after=-2";
reqRes = reqRes + "&dimensions=" + dimensions_filter;
WiFiClient client;
bool ret = false;
// 建立http请求信息
String httpRequest = String("GET ") + reqRes + " HTTP/0.1\r\n" + "Host: " + NETDATA_HOST + "\r\n" + "Connection: close\r\n\r\n";
// 尝试连接服务器
if (client.connect(NETDATA_HOST, NETDATA_PORT))
{
// 向服务器发送http请求信息
client.print(httpRequest);
Serial.println("Sending request: ");
Serial.println(httpRequest);
// 获取并显示服务器响应状态行
String status_response = client.readStringUntil('\n');
Serial.print("status_response: ");
Serial.println(status_response);
// 使用find跳过HTTP响应头
if (client.find("\r\n\r\n"))
{
Serial.println("Found Header End. Start Parsing.");
}
// 利用ArduinoJson库解析NetData返回的信息
parseNetDataResponse(client, data);
ret = true;
}
else
{
Serial.println(" connection failed!");
}
// 断开客户端与服务器连接工作
client.stop();
return ret;
}
bool getNetDataInfo(String chartID, NetChartData &data)
{
return getNetDataInfoWithDimension(chartID, data, "");
}
#endif

629
src/main.ino Normal file
View File

@@ -0,0 +1,629 @@
#include <lvgl.h>
#include <TFT_eSPI.h>
#include <string>
#include <ESP8266WiFi.h>
#include <NTPClient.h>
#include <WiFiUdp.h>
#include "NetData.h"
using namespace std;
const char *ssid = "LEI"; // 连接WiFi名（此处使用taichi-maker为示例）
// 请将您需要连接的WiFi名填入引号中
const char *password = "baige5024."; // 连接WiFi密码（此处使用12345678为示例）
// NTP服务器地址和时区偏移（以秒为单位）
const char* ntpServer = "ntp.ntsc.ac.cn";
const long gmtOffset_sec = 3600*8; // 例如，北京时间为8小时，即8*3600秒
const int daylightOffset_sec = 0;
WiFiUDP ntpUDP;
NTPClient timeClient(ntpUDP, ntpServer, gmtOffset_sec, daylightOffset_sec);
// extern lv_font_t my_font_name;
LV_FONT_DECLARE(tencent_w7_22)
LV_FONT_DECLARE(tencent_w7_24)
TFT_eSPI tft = TFT_eSPI(); /* TFT instance */
static lv_disp_buf_t disp_buf;
static lv_color_t buf[LV_HOR_RES_MAX * 10];
// 定义页面
static lv_obj_t *login_page = NULL;
static lv_obj_t *monitor_page = NULL;
// basic variables
static uint8_t test_data = 0;
// static lv_obj_t* label1;
static lv_obj_t *upload_label;
static lv_obj_t *down_label;
static lv_obj_t *up_speed_label;
static lv_obj_t *up_speed_unit_label;
static lv_obj_t *down_speed_label;
static lv_obj_t *down_speed_unit_label;
static lv_obj_t *cpu_bar;
static lv_obj_t *cpu_value_label;
static lv_obj_t *mem_bar;
static lv_obj_t *mem_value_label;
static lv_obj_t *temp_value_label;
static lv_obj_t *temperature_arc;
static lv_obj_t *ip_label;
static lv_style_t arc_indic_style;
static lv_obj_t *chart;
static lv_chart_series_t *ser1;
static lv_chart_series_t *ser2;
NetChartData netChartData;
lv_coord_t up_speed_max = 0;
lv_coord_t down_speed_max = 0;
// 监测数值
double up_speed;
double down_speed;
double cpu_usage;
double mem_usage;
double temp_value;
lv_coord_t upload_serise[10] = {0};
lv_coord_t download_serise[10] = {0};
#if LV_USE_LOG != 0
/* Serial debugging */
void my_print(lv_log_level_t level, const char *file, uint32_t line, const char *dsc, const char *params)
{
Serial.printf("%s@%d->%s [%s]\r\n", file, line, dsc, params);
Serial.flush();
}
#endif
// 屏幕亮度设置，value [0, 256] 越小月亮,越大越暗
void setBrightness(int value) {
pinMode(TFT_BL, INPUT);
analogWrite(TFT_BL, value);
pinMode(TFT_BL, OUTPUT);
}
// 页面初始化
void setupPages()
{
login_page = lv_cont_create(lv_scr_act(), NULL);
lv_obj_set_size(login_page, 240, 240); // 设置容器大小
lv_obj_set_style_local_bg_color(login_page, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_BLACK);
lv_obj_set_style_local_border_color(login_page, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_BLACK);
lv_obj_set_style_local_radius(login_page, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, 0);
monitor_page = lv_cont_create(lv_scr_act(), NULL);
lv_obj_set_size(monitor_page, 240, 240);
lv_obj_set_hidden(login_page, false);
lv_obj_set_hidden(monitor_page, true);
}
// 设置login_page显示组件
void initLoginPage()
{
lv_style_t login_spinner_style;
lv_style_init(&login_spinner_style);
lv_style_set_line_width(&login_spinner_style, LV_STATE_DEFAULT, 5);
lv_style_set_pad_left(&login_spinner_style, LV_STATE_DEFAULT, 5);
lv_style_set_line_color(&login_spinner_style, LV_STATE_DEFAULT, lv_color_hex(0xff5d18));
lv_obj_t *preload = lv_spinner_create(login_page, NULL);
lv_obj_set_size(preload, 100, 100);
lv_obj_align(preload, NULL, LV_ALIGN_CENTER, 0, 0);
}
// 连接WiFi
void connectWiFi()
{
WiFi.begin(ssid, password); // 启动网络连接
Serial.print("Connecting to "); // 串口监视器输出网络连接信息
Serial.print(ssid);
Serial.println(" ..."); // 告知用户NodeMCU正在尝试WiFi连接
int i = 0; // 这一段程序语句用于检查WiFi是否连接成功
while (WiFi.status() != WL_CONNECTED)
{ // WiFi.status()函数的返回值是由NodeMCU的WiFi连接状态所决定的。
delay(1000); // 如果WiFi连接成功则返回值为WL_CONNECTED
Serial.print(i++);
Serial.print(' '); // 此处通过While循环让NodeMCU每隔一秒钟检查一次WiFi.status()函数返回值
} // 同时NodeMCU将通过串口监视器输出连接时长读秒。
// 这个读秒是通过变量i每隔一秒自加1来实现的。
// wifi验证成功，切换到monitor页面
lv_obj_set_hidden(login_page, true);
lv_obj_set_hidden(monitor_page, false);
Serial.println(""); // WiFi连接成功后
Serial.println("Connection established!"); // NodeMCU将通过串口监视器输出"连接成功"信息。
Serial.print("IP address: "); // 同时还将输出NodeMCU的IP地址。这一功能是通过调用
Serial.println(WiFi.localIP().toString().c_str()); // WiFi.localIP()函数来实现的。该函数的返回值即NodeMCU的IP地址。
}
void ntr_update_time()
{
//更新NTP客户端
timeClient.update();
delay(10);
String formattedTime = timeClient.getFormattedTime();
int currentHour = timeClient.getHours();
int x;
Serial.print("The current time is: ");
Serial.println(currentHour);
if (x!=currentHour){
if (currentHour >= 8 && currentHour < 23) {
setBrightness(240);
} else {
setBrightness(256);
}
x = currentHour;
}
}
/* Display flushing */
void my_disp_flush(lv_disp_drv_t *disp, const lv_area_t *area, lv_color_t *color_p)
{
uint32_t w = (area->x2 - area->x1 + 1);
uint32_t h = (area->y2 - area->y1 + 1);
tft.startWrite();
tft.setAddrWindow(area->x1, area->y1, w, h);
tft.pushColors(&color_p->full, w * h, true);
tft.endWrite();
lv_disp_flush_ready(disp);
}
/* Reading input device (simulated encoder here) */
bool read_encoder(lv_indev_drv_t *indev, lv_indev_data_t *data)
{
static int32_t last_diff = 0;
int32_t diff = 0; /* Dummy - no movement */
int btn_state = LV_INDEV_STATE_REL; /* Dummy - no press */
data->enc_diff = diff - last_diff;
data->state = btn_state;
last_diff = diff;
return false;
}
void getCPUUsage()
{
if (getNetDataInfo("system.cpu", netChartData))
{
Serial.print("CPU Usage: ");
Serial.println(String(netChartData.max).c_str());
cpu_usage = netChartData.max;
}
}
void getMemoryUsage()
{
if (getNetDataInfo("mem.available", netChartData))
{
Serial.print("Memory Available: ");
Serial.println(String(netChartData.max).c_str());
mem_usage = 100 * (1.0 - netChartData.max / 1929.0);
}
}
lv_coord_t updateNetSeries(lv_coord_t *series, double speed)
{
lv_coord_t local_max = series[0];
for (int index = 0; index < 9; index++)
{
series[index] = series[index + 1];
if (local_max < series[index])
{
local_max = series[index];
}
}
series[9] = (lv_coord_t)speed;
if (local_max < series[9])
local_max = series[9];
Serial.print(speed);
Serial.print("->");
Serial.print(series[9]);
Serial.print(" |");
for (int i = 0; i < 10; i++)
{
Serial.print(series[i]);
Serial.print(" ");
}
Serial.println();
return local_max;
}
void getNetworkReceived()
{
if (getNetDataInfoWithDimension("net.eth0.100", netChartData, "received"))
{
Serial.print("Received: ");
Serial.println(String(netChartData.max).c_str());
down_speed = netChartData.max / 8.0; // byte = 8 bit
down_speed_max = updateNetSeries(download_serise, down_speed);
lv_chart_set_points(chart, ser2, download_serise);
}
}
void getNetworkSent()
{
if (getNetDataInfoWithDimension("net.eth0.100", netChartData, "sent"))
{
Serial.print("Sent: ");
Serial.println(String(netChartData.min).c_str());
up_speed = -1 * netChartData.min / 8.0;
up_speed_max = updateNetSeries(upload_serise, up_speed);
lv_chart_set_points(chart, ser1, upload_serise);
}
}
void getTemperature()
{
if (getNetDataInfo("sensors.temp_thermal_zone0_thermal_thermal_zone0", netChartData))
{
Serial.print("Temperature: ");
Serial.println(String(netChartData.max).c_str());
temp_value = netChartData.max;
}
}
void updateNetworkInfoLabel()
{
if (up_speed < 100.0)
{
// < 99.99 K/S
lv_label_set_text_fmt(up_speed_label, "%.2f", up_speed);
lv_label_set_text(up_speed_unit_label, "K/s");
}
else if (up_speed < 1000.0)
{
// 999.9 K/S
lv_label_set_text_fmt(up_speed_label, "%.1f", up_speed);
lv_label_set_text(up_speed_unit_label, "K/s");
}
else if (up_speed < 100000.0)
{
// 99.99 M/S
up_speed /= 1024.0;
lv_label_set_text_fmt(up_speed_label, "%.2f", up_speed);
lv_label_set_text(up_speed_unit_label, "M/s");
}
else if (up_speed < 1000000.0)
{
// 999.9 M/S
up_speed = up_speed / 1024.0;
lv_label_set_text_fmt(up_speed_label, "%.1f", up_speed);
lv_label_set_text(up_speed_unit_label, "M/s");
}
if (down_speed < 100.0)
{
// < 99.99 K/S
lv_label_set_text_fmt(down_speed_label, "%.2f", down_speed);
lv_label_set_text(down_speed_unit_label, "K/s");
}
else if (down_speed < 1000.0)
{
// 999.9 K/S
lv_label_set_text_fmt(down_speed_label, "%.1f", down_speed);
lv_label_set_text(down_speed_unit_label, "K/s");
}
else if (down_speed < 100000.0)
{
// 99.99 M/S
down_speed /= 1024.0;
lv_label_set_text_fmt(down_speed_label, "%.2f", down_speed);
lv_label_set_text(down_speed_unit_label, "M/s");
}
else if (down_speed < 1000000.0)
{
// 999.9 M/S
down_speed = down_speed / 1024.0;
lv_label_set_text_fmt(down_speed_label, "%.1f", down_speed);
lv_label_set_text(down_speed_unit_label, "M/s");
}
}
void updateChartRange()
{
lv_coord_t max_speed = max(down_speed_max, up_speed_max);
max_speed = max(max_speed, (lv_coord_t)16);
lv_chart_set_range(chart, 0, (lv_coord_t)(max_speed * 1.1));
}
int loop_flag = 0;
// task循环执行的函数
static void task_cb(lv_task_t *task)
{
if (WiFi.status() != WL_CONNECTED)
{
connectWiFi();
lv_label_set_text(ip_label, WiFi.localIP().toString().c_str());
}
getCPUUsage();
getMemoryUsage();
getTemperature();
getNetworkReceived();
getNetworkSent();
updateChartRange();
lv_chart_refresh(chart);
updateNetworkInfoLabel();
lv_bar_set_value(cpu_bar, cpu_usage, LV_ANIM_OFF);
lv_label_set_text_fmt(cpu_value_label, "%2.1f%%", cpu_usage);
lv_bar_set_value(mem_bar, mem_usage, LV_ANIM_OFF);
lv_label_set_text_fmt(mem_value_label, "%2.0f%%", mem_usage);
lv_label_set_text_fmt(temp_value_label, "%2.0f°C", temp_value);
uint16_t end_value = 120 + 300 * temp_value / 100.0f;
lv_color_t arc_color = temp_value > 75 ? lv_color_hex(0xff5d18) : lv_color_hex(0x50ff7d);
lv_style_set_line_color(&arc_indic_style, LV_STATE_DEFAULT, arc_color);
lv_obj_add_style(temperature_arc, LV_ARC_PART_INDIC, &arc_indic_style);
lv_arc_set_end_angle(temperature_arc, end_value);
// 测试内存泄漏
Serial.print("⚠ Left Memory:");
Serial.println(ESP.getFreeHeap());
loop_flag +=1;
Serial.print("loop_flag:");
Serial.println(loop_flag);
if (loop_flag > 50)
{
ntr_update_time();
loop_flag = 0;
}
}
void setup()
{
Serial.begin(921600); /* prepare for possible serial debug */
srand((unsigned)time(NULL));
timeClient.begin();
lv_init();
#if LV_USE_LOG != 0
lv_log_register_print_cb(my_print); /* register print function for debugging */
#endif
tft.begin(); /* TFT init */
tft.setRotation(0); /* Landscape orientation */
lv_disp_buf_init(&disp_buf, buf, NULL, LV_HOR_RES_MAX * 10);
/*Initialize the display*/
lv_disp_drv_t disp_drv;
lv_disp_drv_init(&disp_drv);
disp_drv.hor_res = 240;
disp_drv.ver_res = 240;
disp_drv.flush_cb = my_disp_flush;
disp_drv.buffer = &disp_buf;
lv_disp_drv_register(&disp_drv);
/*Initialize the (dummy) input device driver*/
lv_indev_drv_t indev_drv;
lv_indev_drv_init(&indev_drv);
indev_drv.type = LV_INDEV_TYPE_ENCODER;
indev_drv.read_cb = read_encoder;
lv_indev_drv_register(&indev_drv);
setupPages();
initLoginPage();
lv_obj_t *bg;
bg = lv_obj_create(monitor_page, NULL);
lv_obj_clean_style_list(bg, LV_OBJ_PART_MAIN);
lv_obj_set_style_local_bg_opa(bg, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_OPA_100);
lv_color_t bg_color = lv_color_hex(0x7381a2);
// bg_color = lv_color_hex(0xecdd5c);
lv_obj_set_style_local_bg_color(bg, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, bg_color);
lv_obj_set_size(bg, LV_HOR_RES_MAX, LV_VER_RES_MAX);
// 显示ip地址
ip_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(ip_label, WiFi.localIP().toString().c_str());
// lv_label_set_text(ip_label, "192.168.100.199");
lv_obj_set_pos(ip_label, 10, 220);
lv_obj_t *cont = lv_cont_create(monitor_page, NULL);
lv_obj_set_auto_realign(cont, true); /*Auto realign when the size changes*/
// lv_obj_align_origo(cont, NULL, LV_ALIGN_IN_TOP_LEFT, 120, 35); /*This parametrs will be sued when realigned*/
// lv_color_t cont_color = lv_color_hex(0x1a1d25);
lv_color_t cont_color = lv_color_hex(0x081418);
lv_obj_set_width(cont, 230);
lv_obj_set_height(cont, 120);
lv_obj_set_pos(cont, 5, 5);
lv_cont_set_fit(cont, LV_FIT_TIGHT);
lv_cont_set_layout(cont, LV_LAYOUT_COLUMN_MID);
lv_obj_set_style_local_border_color(cont, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, cont_color);
lv_obj_set_style_local_bg_color(cont, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, cont_color);
// Upload & Download Symbol
static lv_style_t iconfont;
lv_style_init(&iconfont);
lv_style_set_text_font(&iconfont, LV_STATE_DEFAULT, &iconfont_symbol);
upload_label = lv_label_create(monitor_page, NULL);
lv_obj_add_style(upload_label, LV_LABEL_PART_MAIN, &iconfont);
lv_label_set_text(upload_label, CUSTOM_SYMBOL_UPLOAD);
lv_color_t speed_label_color = lv_color_hex(0x838a99);
lv_obj_set_style_local_text_color(upload_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_RED);
lv_obj_set_pos(upload_label, 10, 18);
lv_obj_t *down_label = lv_label_create(monitor_page, NULL);
lv_obj_add_style(down_label, LV_LABEL_PART_MAIN, &iconfont);
lv_label_set_text(down_label, CUSTOM_SYMBOL_DOWNLOAD);
speed_label_color = lv_color_hex(0x838a99);
lv_obj_set_style_local_text_color(down_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_GREEN);
lv_obj_set_pos(down_label, 120, 18);
// Upload & Download Speed Display
static lv_style_t font_22;
lv_style_init(&font_22);
// lv_style_set_text_font(&font_22, LV_STATE_DEFAULT, &lv_font_montserrat_24);
lv_style_set_text_font(&font_22, LV_STATE_DEFAULT, &tencent_w7_22);
up_speed_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(up_speed_label, "56.78");
lv_obj_add_style(up_speed_label, LV_LABEL_PART_MAIN, &font_22);
lv_obj_set_style_local_text_color(up_speed_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_obj_set_pos(up_speed_label, 30, 15);
up_speed_unit_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(up_speed_unit_label, "K/S");
lv_obj_set_style_local_text_color(up_speed_unit_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, speed_label_color);
lv_obj_set_pos(up_speed_unit_label, 90, 18);
down_speed_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(down_speed_label, "12.34");
lv_obj_add_style(down_speed_label, LV_LABEL_PART_MAIN, &font_22);
lv_obj_set_style_local_text_color(down_speed_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_obj_set_pos(down_speed_label, 142, 15);
down_speed_unit_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(down_speed_unit_label, "M/S");
lv_obj_set_style_local_text_color(down_speed_unit_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, speed_label_color);
lv_obj_set_pos(down_speed_unit_label, 202, 18);
// 绘制曲线图
/*Create a chart*/
chart = lv_chart_create(monitor_page, NULL);
lv_obj_set_size(chart, 220, 70);
lv_obj_align(chart, NULL, LV_ALIGN_CENTER, 0, -40);
lv_chart_set_type(chart, LV_CHART_TYPE_LINE); /*Show lines and points too*/
lv_chart_set_range(chart, 0, 4096);
lv_chart_set_point_count(chart, 10); // 设置显示点数
lv_chart_set_update_mode(chart, LV_CHART_UPDATE_MODE_SHIFT);
/*Add a faded are effect*/
lv_obj_set_style_local_bg_opa(chart, LV_CHART_PART_SERIES, LV_STATE_DEFAULT, LV_OPA_50); /*Max. opa.*/
lv_obj_set_style_local_bg_grad_dir(chart, LV_CHART_PART_SERIES, LV_STATE_DEFAULT, LV_GRAD_DIR_VER);
lv_obj_set_style_local_bg_main_stop(chart, LV_CHART_PART_SERIES, LV_STATE_DEFAULT, 255); /*Max opa on the top*/
lv_obj_set_style_local_bg_grad_stop(chart, LV_CHART_PART_SERIES, LV_STATE_DEFAULT, 0); /*Transparent on the bottom*/
/*Add two data series*/
ser1 = lv_chart_add_series(chart, LV_COLOR_RED);
ser2 = lv_chart_add_series(chart, LV_COLOR_GREEN);
// /*Directly set points on 'ser2'*/
lv_chart_set_points(chart, ser2, download_serise);
lv_chart_set_points(chart, ser1, upload_serise);
lv_chart_refresh(chart); /*Required after direct set*/
// 绘制进度条 CPU 占用
lv_obj_t *cpu_title = lv_label_create(monitor_page, NULL);
lv_label_set_text(cpu_title, "CPU");
lv_obj_set_style_local_text_color(cpu_title, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_obj_set_pos(cpu_title, 5, 140);
cpu_value_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(cpu_value_label, "34%");
lv_obj_add_style(cpu_value_label, LV_LABEL_PART_MAIN, &font_22);
lv_obj_set_style_local_text_color(cpu_value_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_obj_set_pos(cpu_value_label, 85, 135);
lv_color_t cpu_bar_indic_color = lv_color_hex(0x63d0fc);
lv_color_t cpu_bar_bg_color = lv_color_hex(0x1e3644);
cpu_bar = lv_bar_create(monitor_page, NULL);
lv_obj_set_size(cpu_bar, 130, 10);
lv_obj_set_pos(cpu_bar, 5, 160);
lv_obj_set_style_local_bg_color(cpu_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, cpu_bar_bg_color);
lv_obj_set_style_local_bg_color(cpu_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, cpu_bar_indic_color);
lv_obj_set_style_local_border_width(cpu_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, 2);
lv_obj_set_style_local_border_width(cpu_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, 2);
lv_obj_set_style_local_border_color(cpu_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, cont_color);
lv_obj_set_style_local_border_color(cpu_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, cont_color);
lv_obj_set_style_local_border_side(cpu_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, LV_BORDER_SIDE_LEFT | LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_BOTTOM);
lv_obj_set_style_local_radius(cpu_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, 2);
lv_obj_set_style_local_radius(cpu_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, 0);
// 绘制内存占用
lv_obj_t *men_title = lv_label_create(monitor_page, NULL);
lv_label_set_text(men_title, "Memory");
lv_obj_set_style_local_text_color(men_title, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_obj_set_pos(men_title, 5, 180);
mem_value_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(mem_value_label, "42%");
lv_obj_add_style(mem_value_label, LV_LABEL_PART_MAIN, &font_22);
lv_obj_set_style_local_text_color(mem_value_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_obj_set_pos(mem_value_label, 85, 175);
mem_bar = lv_bar_create(monitor_page, NULL);
lv_obj_set_size(mem_bar, 130, 10);
lv_obj_set_pos(mem_bar, 5, 200);
lv_obj_set_style_local_bg_color(mem_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, cpu_bar_bg_color);
lv_obj_set_style_local_bg_color(mem_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, cpu_bar_indic_color);
lv_obj_set_style_local_border_width(mem_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, 2);
lv_obj_set_style_local_border_color(mem_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, cont_color);
lv_obj_set_style_local_border_width(mem_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, 2);
lv_obj_set_style_local_border_color(mem_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, cont_color);
lv_obj_set_style_local_border_side(mem_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, LV_BORDER_SIDE_LEFT | LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_BOTTOM);
lv_obj_set_style_local_radius(mem_bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, 2);
lv_obj_set_style_local_radius(mem_bar, LV_BAR_PART_INDIC, LV_STATE_DEFAULT, 0);
// 绘制温度表盘
static lv_style_t arc_style;
lv_style_reset(&arc_style);
lv_style_init(&arc_style);
lv_style_set_bg_opa(&arc_style, LV_STATE_DEFAULT, LV_OPA_TRANSP);
lv_style_set_border_opa(&arc_style, LV_STATE_DEFAULT, LV_OPA_TRANSP);
lv_style_set_line_width(&arc_style, LV_STATE_DEFAULT, 100);
lv_style_set_line_color(&arc_style, LV_STATE_DEFAULT, lv_color_hex(0x081418));
lv_style_set_line_rounded(&arc_style, LV_STATE_DEFAULT, false);
lv_style_init(&arc_indic_style);
lv_style_set_line_width(&arc_indic_style, LV_STATE_DEFAULT, 5);
lv_style_set_pad_left(&arc_indic_style, LV_STATE_DEFAULT, 5);
// lv_style_set_line_color(&arc_indic_style, LV_STATE_DEFAULT, lv_color_hex(0x50ff7d));
lv_style_set_line_color(&arc_indic_style, LV_STATE_DEFAULT, lv_color_hex(0xff5d18));
// lv_style_set_line_rounded(&arc_indic_style, LV_STATE_DEFAULT, false);
temperature_arc = lv_arc_create(monitor_page, NULL);
lv_arc_set_bg_angles(temperature_arc, 0, 360);
lv_arc_set_start_angle(temperature_arc, 120);
lv_arc_set_end_angle(temperature_arc, 420);
lv_obj_set_size(temperature_arc, 125, 125);
lv_obj_set_pos(temperature_arc, 125, 120);
lv_obj_add_style(temperature_arc, LV_ARC_PART_BG, &arc_style);
lv_obj_add_style(temperature_arc, LV_ARC_PART_INDIC, &arc_indic_style);
// lv_obj_align(temperature_arc, NULL, LV_ALIGN_IN_BOTTOM_LEFT, 10, 10);
static lv_style_t font_24;
lv_style_init(&font_24);
lv_style_set_text_font(&font_24, LV_STATE_DEFAULT, &tencent_w7_24);
temp_value_label = lv_label_create(monitor_page, NULL);
lv_label_set_text(temp_value_label, "72℃");
lv_obj_add_style(temp_value_label, LV_LABEL_PART_MAIN, &font_24);
lv_obj_set_style_local_text_color(temp_value_label, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_obj_set_pos(temp_value_label, 160, 170);
lv_task_t *t = lv_task_create(task_cb, 1000, LV_TASK_PRIO_MID, &test_data);
}
void loop()
{
lv_task_handler(); /* let the GUI do its work */
}