Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Dynamic skin changing method and device for chart following user interface and computer equipment

A user interface and computer program technology, applied in the direction of user interface execution, calculation, program control devices, etc., can solve problems such as unfriendly user experience, user misoperation, page operation and data loss, so as to improve user experience and avoid The effect of the refresh effect

Pending Publication Date: 2020-09-01
DAWNING INFORMATION IND BEIJING
View PDF0 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, this method will cause the interface data and operations to return to the initial state, and will produce an excessive effect of page refresh and flash, which is not user-friendly
In addition, this method is easy to cause user misoperation, resulting in page operation and data loss

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Dynamic skin changing method and device for chart following user interface and computer equipment
  • Dynamic skin changing method and device for chart following user interface and computer equipment
  • Dynamic skin changing method and device for chart following user interface and computer equipment

Examples

Experimental program
Comparison scheme
Effect test

specific example

[0063] Use the Watch method to monitor parameter changes. The specific example code is as follows:

[0064]

[0065]

[0066] S203, receiving new skin parameters, and re-rendering the chart.

[0067] It can be seen from the above code that if the watch detects that the style changes to darknightstyle, it will judge that the color code in the if will take effect, otherwise it will be the default color code. After the judgment is completed, the parameters are passed to the chart, and the chart is re-assigned by the setoption method, such as assigning the font color to lineFontColor='#D3D4D6', and the line color to lineLineColor='#616986', so as to achieve the purpose of changing the color of the chart.

[0068] The present invention uses the listener in Vue.js to write a set of judgment mechanism. When the interface skin is switched, the color of the chart also changes according to the change of the overall color of the skin. Replacement, so that the interface will not h...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a dynamic skin changing method and device for a chart following user interface and computer equipment. The dynamic skin changing method for the chart following the user interface comprises the steps: monitoring display parameters of the user interface in real time; judging whether the display parameters of the user interface are changed or not; and if the display parametersof the user interface are changed, running the chart skin changing function to change the skin of the chart. According to the dynamic skin changing method and device for a chart following a user interface and computer equipment, by monitoring the display parameters of the user interface in real time, when it is monitored that the display parameters of the user interface change, the chart skin changing function is operated to change the skin of the chart, the chart skin color can change along with the skin color change of the user interface in real time, the refreshing effect of the user interface is avoided, and the user experience is improved.

Description

technical field [0001] The invention relates to the technical field of interface display, in particular to a method, device and computer equipment for dynamic skin changing of a chart following a user interface. Background technique [0002] With the continuous development of front-end technology, the framework of the background management system interface is becoming more and more abundant, and the requirements of various end users for the aesthetics and diversity of the interface are also increasing. While satisfying the system functions, it is necessary to make a better design for the aesthetics of the functional interface. Replacing the skin of the functional interface can greatly bring the richness of the UI (UserInterface, user interface) framework. The current skinning is mainly a change at the HTML+CSS level, but for some charts on the interface, this method does not produce any effect. For example, when the interface changes from a light-colored skin to a dark-col...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F9/451G06F11/30
CPCG06F11/3041G06F9/451
Inventor 潘飞张大朋何牧君孙洪涛石伟马光
Owner DAWNING INFORMATION IND BEIJING
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com