Stock trend analysis graphical user interface for electronic devices

Abstract

1. Name of the product of this design: Graphical user interface for stock trend analysis of electronic equipment. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the interface content of the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. The electronic device is of conventional design, and the rear view, left view, right view, top view and bottom view of Design 1 to Design 4 are omitted. 6. Designate Design 1 as the base design. 7. Purpose of the Graphical User Interface: The Graphical User Interface is used to analyze stock trends, edit and adjust stock charts. 8. Human-computer interaction mode of graphical user interface: The main view of Design 1 is a stock market interface, in the middle of which is a stock trend chart, a trend chart toolbar is provided above the trend chart, and a trend chart cycle bar is provided at the bottom. When the user clicks the line type selection button indicated by the trend chart toolbar A in the main view of Design 1, the interface jumps to the Design 1 interface change state diagram 1, and a line type selection box appears on the current interface, and the user can select the trend chart line type on the interface; when the user clicks the trend chart area in the Design 1 interface change state diagram 1, a trend chart function menu appears on the interface, as shown in the Design 1 interface change state diagram 2; when the user clicks the "line type switch" button of the trend chart function menu in the Design 1 interface change state diagram 2, the interface jumps to the Design 1 interface change state diagram 3. The current interface can switch the trend chart line type; when the user clicks the "Settings" icon button on the right side of the trend chart toolbar in the Design 1 interface change state diagram 3, the interface will display the chart settings window, as shown in the Design 1 interface change state diagram 4, and the current display is the "Cycle Bar Preferences" settings window; when the user clicks the "K-line interval" button of the type in the cycle bar preferences window in the Design 1 interface change state diagram 4, the interface jumps to the Design 1 interface change state diagram 5; when the user clicks the "Settings" icon button on the right side of the trend chart toolbar in the Design 1 interface change state diagram 5, the chart can be reset, as shown in the Design 1 interface change state diagram 6; when the user clicks the "Range" button of the type in the cycle bar preferences window in the Design 1 interface change state diagram 6, the interface jumps to the Design 1 Interface change state diagram 7; when the user clicks the "Customize" option button in the cycle column at the bottom of the trend chart in Design 1 interface change state diagram 7, a calendar pop-up window appears on the interface, and the user can select any time range, as shown in Design 1 interface change state diagram 8; when the user completes the time range selection, the interface jumps to the trend chart interface of the corresponding time, as shown in Design 1 interface change state diagram 9, and when the mouse moves to the "Customize" option button, the current custom time is displayed; when the user clicks the drawing button indicated by the trend chart B in Design 1 interface change state diagram 9, all drawing tools can be expanded, as shown in Design 1 interface change state diagram 10; when the user clicks the add indicator button indicated by the trend chart C in Design 1 interface change state diagram 10, the interface jumps to Go to Design 1 interface change state diagram 11, the indicator window appears in the current interface, and the user can search for the indicator in the search box at the top of the indicator window; when the user clicks the "trend indicator" button in the indicator window in Design 1 interface change state diagram 11, the interface jumps to Design 1 interface change state diagram 12, and the "collection" icon on the current interface lights up to collect the corresponding indicator; when the user clicks on multiple indicators in Design 1 interface change state diagram 12, the corresponding indicators can be added to the trend chart, as shown in Design 1 interface change state diagram 13, the current interface is divided into 2 areas, the upper one is the main chart area, and the lower one is the sub-chart area; when the user clicks the indicator data "collapse" icon in the main chart area of ​​Design 1 interface change state diagram 13, the interface jumps to Design 1 interface change state diagram 14;The user can drag the dividing line between the main chart and the sub-chart to adjust the view height. For example, when the user drags the dividing line between the main chart and the sub-chart in the Design 1 interface change state diagram 14 upward, the interface jumps to the Design 1 interface change state diagram 15; when the user clicks the "Expand" icon of the indicator data in the main chart area of ​​the Design 1 interface change state diagram 15, the interface jumps to the Design 1 interface change state diagram 16; when the mouse moves to the indicator data in the trend chart, the indicator setting float will appear, and the user can perform quick operations on the indicator. For example, the user clicks the "Set" option button in the setting float on the MA indicator in the Design 1 interface change state diagram 16, and the setting pop-up window of the indicator appears on the interface, which is displayed as the "Style" window by default, as shown in the Design 1 interface change state diagram 17; when the user clicks the "Parameters" button in the Design 1 interface change state diagram 17, the interface jumps to the Design 1 interface change state diagram 18; when the user clicks the "Introduction" button in the Design 1 interface change state diagram 18, the interface jumps to the Design 1 interface change state diagram 19. ; The main view of Design 2 is the stock quotation interface, which can automatically adjust the interface display according to the aspect ratio of the current window. For example, when the user drags the left or right border of the Design 2 main view to adjust the interface width, the interface jumps to Design 2 interface change status diagram 1; when the user clicks the drop-down icon button in the "Year K" of the cycle column at the bottom of the trend chart of Design 2 interface change status diagram 1, the interface jumps to Design 2 interface change status diagram 2, and the user can view the remaining options in the cycle column on the current interface. The main view of Design 3 is the stock quote interface. When the user clicks the Add Indicator button indicated at A in the trend chart toolbar in the main view of Design 3, the interface jumps to Design 3 interface change state diagram 1. The indicator window appears in the current interface, and the user can search for indicators in the search box at the top of the indicator window; when the user clicks the "Trend Indicator" button in the indicator window in Design 3 interface change state diagram 1, the interface jumps to Design 3 interface change state diagram 2; the user can add a single indicator to the trend chart in the indicator window. For example, the user clicks the "MA" indicator in Design 3 interface change state diagram 2, the interface jumps to Design 3 interface change state diagram 3, and the indicator has been added to the trend chart in the current interface. The main view of Design 4 is the stock quote interface. When the user clicks the line drawing button indicated at A in the trend chart toolbar in the main view of Design 4, all line drawing tools can be expanded, as shown in Design 4 interface change state diagram 1. Clicking the line drawing button again can collapse the line drawing tools. The interface can automatically adjust the interface display according to the aspect ratio of the current window. For example, when the user drags the left or right border of Design 4 interface change state diagram 1 to adjust the interface width, the interface jumps to Design 4 interface change state diagram 2, and a page turner appears on the right side of the current interface line drawing tool. The user can view more line drawing tools by clicking. After the user draws a line in the trend chart of Design 4 interface change state diagram 2, click the line segment, and a line segment setting window appears on the interface, as shown in Design 4 interface change state diagram 3. XXX in the interface represents text content. The area covered by the gray block in the interface is the content screen. The gray block on the right side of the Design 2 and Design 4 views is the carrier screen area. The shape of the gray block is only used to cover the content screen and does not represent the shape of the content screen.

Images