Supercharge Your Innovation With Domain-Expert AI Agents!

Method and system for realizing axis label merging based on Echarts and application

A label and value label technology, applied in the field of merging axis labels based on Echarts, can solve the problem that the Echarts library cannot support user-defined merging of axis labels, and achieve the effects of avoiding axis label stacking, improving flexibility, and being convenient to use

Pending Publication Date: 2022-03-25
中电云数智科技有限公司
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] In order to overcome the defect that the Echarts library cannot support user-defined merged axis labels, the present invention proposes a set of solutions

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
  • Method and system for realizing axis label merging based on Echarts and application
  • Method and system for realizing axis label merging based on Echarts and application
  • Method and system for realizing axis label merging based on Echarts and application

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0028] Example 1: A method for merging axis labels based on Echarts (see figure 1 -2), based on the api provided by Echarts, this method uses Echarts data to visualize the grid Cartesian coordinate system to realize multi-graph display. At the same time, the axis label area is used as a coordinate system different from the chart display, and the value label of the transparent cylinder is used. To realize the display of merged labels, the axis labels can be located in or on the transparent column. Specifically, this method includes the following steps:

[0029] Step 1: Use the grid attribute of the Cartesian coordinate system in Echarts to divide the main chart into multiple graphs for display, that is, perform grid layout in the Cartesian coordinate system of Echarts, and place two X-axes and two Y-axes in a single grid at the same time, so that Form two grid areas; for example: place two upper and lower X axes and two left and right Y axes in a single grid at the same time, t...

Embodiment 2

[0033] Embodiment 2: A system for merging axis labels based on Echarts, this system includes:

[0034] Grid layout module: its function is to perform grid layout in the Echarts Cartesian coordinate system, and place two X-axes and two Y-axes in a single grid at the same time, thus forming two grid areas;

[0035] Axis label merging module: its function is to set the number N of axis labels to be combined according to user needs, and divide the X-axis or Y-axis coordinates into N equal parts;

[0036] Transparent cylinder generation module: its function is to generate N transparent cylinders in the area where xAxisIndex is 1 and yAxisIndex is 1. The transparent cylinder does not display the tooltip, but only displays the value label. The content of the value label reads the user-defined configuration content;

[0037] Position adjustment module: its function is to adjust the position of the axis label of the transparent cylinder, so that the axis label is displayed in the cent...

Embodiment 3

[0040] Embodiment 3: An electronic device for merging axis labels based on Echarts, including a processor and a memory, the memory is used to store a program, and the processor is used to run the program to realize the Echarts-based Echarts described in Embodiment 1. Method to implement axis label merging.

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 relates to the field of component library visualization editors, data chart display technologies and computer software, in particular to a method, a system and a device for realizing axis label merging based on Echarts and application of the method, the system and the device. According to the method, on the basis of api provided by Echarts, a grid rectangular coordinate system is visualized through Echarts data, multi-graph display is achieved, meanwhile, an axis label area serves as a coordinate system different from graph display, display of a combined label is achieved through a value label of a transparent cylinder, the method supports displaying of the axis label in a user-defined combined mode according to actual requirements, and the method has the advantages of being high in practicability and easy to popularize. According to the technical scheme, the flexibility of data chart display in the Echarts library is greatly improved, especially when the shaft labels are many, the shaft label stacking phenomenon can be effectively avoided, and therefore great convenience is provided for use of a user.

Description

technical field [0001] The invention relates to the fields of component library visual editor, data chart display technology and computer software, and in particular to a method, system, device and application for realizing axis label merging based on Echarts. Background technique [0002] With the advent of the information age, the big data industry has developed vigorously. As an important window for corporate publicity, large-screen visual display has gradually become familiar and favored by more and more companies. For example, the big data screen is an effective data visualization tool that is often used. By visually displaying the key indicators of the enterprise business on one or more large LED screens, it is convenient for business personnel to quickly and directly from the Find the target data in the complicated business data. [0003] In order to convert boring data into a more accurate and efficient expression, technicians often use visual charts to display them...

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): G06F8/34G06F8/35
CPCG06F8/34G06F8/35
Inventor 宋媛
Owner 中电云数智科技有限公司
Features
  • R&D
  • Intellectual Property
  • Life Sciences
  • Materials
  • Tech Scout
Why Patsnap Eureka
  • Unparalleled Data Quality
  • Higher Quality Content
  • 60% Fewer Hallucinations
Social media
Patsnap Eureka Blog
Learn More

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

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