Lesson09 How to make an analysis report

From Elecrow
Revision as of 02:45, 21 June 2023 by Admin (talk | contribs) (→‎HMI Display Tutorial Contents)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Project Introduction:

The Rotation Analysis Report is a small project based on Squareline Studio software. It uses charts to create a simple analysis report. The analysis report can display various types of data charts on the screen. This project can be used to display data analysis, reports, trends, and provide valuable data support for decision-makers.

Introduction to Knowledge Points:

The following is a basic introduction to the widgets used in the project:
Charts are a graphical representation used to display data, trends, or relationships. In software design, charts are usually used in data visualization, report display, trend analysis, and other fields. Charts can include different types such as bar charts, line charts, pie charts, and can be customized with various styles and colors to meet different application scenarios and requirements.

These UI elements are very common in many data analysis and reporting applications. They can help users better understand and analyze data, improve the efficiency and accuracy of data visualization and data analysis. In software development, ready-made UI libraries or frameworks can be used to create these UI elements, or you can write code to implement them.

Project Steps:

1. Create a new project in Squareline Studio as before. First, select the Arduino module, and then make some basic settings for the project, such as project name and display size. Click "Create" to create the project.
2. Find the widgets used in this lesson in the left toolbar and add them to the attribute panel. The widgets used here include charts, buttons, labels, and panel widgets. After adding them, set the hierarchy and position and size. You can also do some basic property settings based on what you learned in the previous lesson to make the menu more visually appealing.
3. Set the text-related settings for the buttons and labels.
4. Focus on the chart settings. You can set it to the required style according to your needs. Here are two chart styles:
① Select the BAR style display.
② Select double data display and modify the data according to the actual situation.
③ Set different colors to distinguish.
5. After setting the first page, directly click the copy button on the page to generate a new page.
6. At this point, the two pages are the same. We will set the second page to display different table contents.
7. Finally, set the buttons to implement the page jumping function.
① Select the jump page event setting.
② Select the jump target.
③ Set different page targets for the two buttons.

Running Effect:
According to the way of downloading the program learned earlier, put the generated UI file in the Arduino library and see the effect on the screen.


This project helps beginners quickly understand the basic usage of chart widgets and adds page jumping function to view multiple charts. In actual applications, it can be modified and extended according to needs to add more chart functions.

HMI Display Tutorial Contents