WO2023103430A1 - 一种数据可视化展示方法、装置、介质及电子设备 - Google Patents

一种数据可视化展示方法、装置、介质及电子设备 Download PDF

Info

Publication number
WO2023103430A1
WO2023103430A1 PCT/CN2022/110749 CN2022110749W WO2023103430A1 WO 2023103430 A1 WO2023103430 A1 WO 2023103430A1 CN 2022110749 W CN2022110749 W CN 2022110749W WO 2023103430 A1 WO2023103430 A1 WO 2023103430A1
Authority
WO
WIPO (PCT)
Prior art keywords
data
display
target
target data
configuration information
Prior art date
Application number
PCT/CN2022/110749
Other languages
English (en)
French (fr)
Inventor
袁文静
万月亮
火一莽
Original Assignee
北京锐安科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京锐安科技有限公司 filed Critical 北京锐安科技有限公司
Publication of WO2023103430A1 publication Critical patent/WO2023103430A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9535—Search customisation based on user profiles and personalisation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9538—Presentation of query results

Definitions

  • the embodiments of the present application relate to the field of computer application technology, for example, to a data visualization display method, device, medium and electronic equipment.
  • Data Acquisition Equipment is a device that converts analog electrical signals into digital signals for storage and preprocessing.
  • the vigorous development of data collection equipment has accelerated the circulation and aggregation of data, and promoted the exponential growth of data resources.
  • Data presents a series of characteristics such as massive, diverse, and low-value density.
  • the embodiments of the present application provide a data visualization display method, device, medium, and electronic equipment, which can enrich data display methods while ensuring data security, achieve high data readability, and improve user experience.
  • the embodiment of the present application provides a data visualization display method, which is executed by a desktop application, and the method includes:
  • the visualization server determines the target data and the display configuration information of the target data from the candidate data and the display configuration information of the candidate data in response to the target display request;
  • a target display style of the target data is determined, and the target data is rendered to a data display page through the target display style.
  • the embodiment of the present application provides a data visualization display device configured on a desktop application, and the device includes:
  • a target display request generating module configured to generate a target display request for the target data
  • the target display request sending module is configured to send the target display request to the visualization server, so that the visualization server determines the target data and the display configuration information of the candidate data and the candidate data in response to the target display request.
  • the display configuration information of the target data is configured to send the target display request to the visualization server, so that the visualization server determines the target data and the display configuration information of the candidate data and the candidate data in response to the target display request.
  • the target display style determination module is configured to determine a target display style of the target data according to the display configuration information of the target data, and render the target data to a data display page through the target display style.
  • the embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, a data visualization display method as described in the embodiment of the present application is implemented.
  • the embodiment of the present application provides an electronic device, including a memory, a processor, and a computer program stored on the memory and executable by the processor, and when the processor executes the computer program, the computer program implemented in the present application is implemented.
  • An electronic device including a memory, a processor, and a computer program stored on the memory and executable by the processor, and when the processor executes the computer program, the computer program implemented in the present application is implemented.
  • FIG. 1 is a flow chart of a data visualization display method provided in Embodiment 1 of the present application;
  • FIG. 2A is a flow chart of another data visualization display method provided in Embodiment 2 of the present application.
  • FIG. 2B is a data display effect diagram of a Windows form program developed by the .NET platform provided by Embodiment 2 of the present application;
  • FIG. 2C is a data display effect diagram obtained based on the data visualization display method provided by the embodiment of the present application.
  • Fig. 3 is a schematic structural diagram of a data visualization display device provided in Embodiment 3 of the present application.
  • FIG. 4 is a schematic structural diagram of an electronic device provided in Embodiment 5 of the present application.
  • FIG. 1 is a flow chart of a data visualization display method provided in Embodiment 1 of the present application. This embodiment is applicable to the case of visual display of data.
  • the method can be executed by a desktop application, the desktop application can be implemented by software and/or hardware, and can be integrated into the electronic device running the system.
  • the data visualization display method includes:
  • the target presentation request is set to request the visualization server for the target data and the display configuration information of the target data.
  • a target display request refers to a request for visually displaying target data.
  • the target data is the data that needs to be visualized.
  • the target data may be determined according to actual business requirements.
  • the target data may be passenger flow data at a station.
  • the target display request for target data may be generated by a desktop application when there is a demand for visual display of data.
  • it may be a target display request for target data generated by the desktop application in response to the user clicking on the data visualization control.
  • the target data is acquired from the data acquisition device by the desktop application and sent to the visualization server.
  • the data collection device is a hardware device for data collection.
  • the candidate data refers to the data to be displayed stored in the visualization server.
  • Each piece of candidate data has corresponding display configuration information.
  • Both the candidate data and the display configuration information of the candidate data are generated by the desktop application and sent to the visualization server.
  • the display configuration information is used to constrain the visual style of the candidate data.
  • the target data is generated in the candidate data, and the target data also has corresponding display configuration information.
  • the target display request includes a data identifier of the target data.
  • the visualization server may select candidate data corresponding to the data identifier as the target data according to the data identifier of the target data, and select display configuration information associated with the target data as the display configuration information of the target data.
  • the desktop application sends a target display request to the visualization server, and the visualization server determines the target data and the display configuration information of the target data from the candidate data and the display configuration information of the candidate data in response to receiving the target display request, and stores the target data and the target data display configuration information fed back to the desktop application.
  • the desktop application communicates with the visualization server based on Ajax technology.
  • Ajax is a technology for creating better, faster and more interactive web applications.
  • Ajax uses asynchronous data transmission between the browser and the Web server, and is a browser technology independent of the Web server software.
  • Ajax is based on the following Web standards: JS (JavaScript), Extensible Markup Language (Extensible Markup Language, XML), Hypertext Markup Language (Hyper Text Markup Language, HTML) and Cascading Style Sheets (CascadingStyleSheets, CSS).
  • JS JavaScript
  • Extensible Markup Language Extensible Markup Language
  • XML Hypertext Markup Language
  • HTML Hypertext Markup Language
  • CSS Cascading Style Sheets
  • S130 Determine a target display style of the target data according to the display configuration information of the target data, and render the target data to a data display page through the target display style.
  • the target display style constrains the visual style of the target data.
  • the target presentation style includes a pie chart, a histogram, a histogram, a scatter plot, a box plot, a line chart, and the like.
  • the target display style can be determined according to the target data characteristics and actual business needs.
  • the desktop application determines the target display style of the target data according to the display configuration information of the target data.
  • the desktop application renders the target data to the data display page through the target display style, and presents it to the user.
  • determining the target display style of the target data, and rendering the target data to the data display page according to the target display style includes: The display configuration information of the target data configures a data visualization chart library; through the data visualization chart library, the target data is displayed on a data display page in a target display style.
  • the data visualization chart library is used to provide intuitive, vivid, interactive, and customizable data visualization charts, and the data visualization chart library covers conventional data visualization styles.
  • the data visualization chart library can be D3.js, ECharts.js, Highcharts.js or AntV.
  • the data visualization chart library is ECharts.js. ECharts uses JavaScript to implement an open source visualization library that can run smoothly on PCs and mobile devices, and is compatible with most current browsers such as IE8/9/10/11, Chrome, Firefox or Safari.
  • the desktop application generates a target display request for the target data; sends the target display request to the visualization server, so that the visualization server determines the target data and display configuration information from the candidate data and candidate data display configuration information in response to the target display request Display configuration information of the target data; determine a target display style of the target data according to the display configuration information of the target data, and render the target data to a data display page through the target display style.
  • the data display method is enriched to improve data readability and user experience.
  • FIG. 2A is a flow chart of another data visualization display method provided in Embodiment 2 of the present application. This embodiment is modified on the basis of the foregoing embodiments.
  • the method before generating the target display request for the target data, the method further includes: obtaining display style information through a visualization configuration page, and determining a chart display style for the target data according to the display style information ; displaying the chart element attributes associated with the chart display style, and obtaining attribute configuration information of the chart element attributes; generating display configuration information of the target data according to the chart display style and the attribute configuration information;
  • the target data and display configuration information of the target data are sent to the visualization server.
  • the described data visualization display method includes:
  • the visualization configuration page is generated by a desktop application for the user to select a chart display style for the target data according to actual business requirements.
  • the visualization configuration page is built based on JS, CSS, and HTML.
  • the visualization configuration page displays an image display style.
  • the image display style comes from a data visualization chart library.
  • the display style information refers to selection information of a graphic display style for the target data.
  • the desktop application obtains the user's display style information for the target data through the visualization configuration page, and determines the chart display style required to display the target data according to the selection information of the chart display style in the display style information.
  • the chart display style may be: pie chart, column chart, histogram, scatter plot, box plot or line chart.
  • a chart element refers to a basic element constituting a chart.
  • Chart element properties refer to the color, font, line thickness, and chart title of chart elements. It can be known that charts with different display styles will have different basic elements.
  • the desktop application displays the chart element attributes associated with the chart presentation style on the visualization configuration page for users to configure according to actual business needs.
  • the property configuration information refers to configuration information of chart element properties of the target data.
  • the display configuration information of the target data includes a graphic display style of the target data and attribute configuration information associated with the graphic display style.
  • the desktop application generates the display configuration information of the target data according to the chart display style and attribute configuration information.
  • the visualization effect of the target data is displayed through the data visualization chart library according to the display configuration information generated by the desktop application. Doing so can enable users to intuitively understand the final display style of the target data, and adjust the chart display style and attribute configuration information according to the data visualization effect.
  • the desktop application sends the target data and the display configuration information of the target data to the visualization server, and saves the target data and the display configuration information of the target data through the visualization server.
  • the method before generating the target presentation request for the target data, the method further includes: generating a data acquisition request for the target data; Format conversion, obtain conversion result; Wherein, described parameter conversion tool is Edge.js or node-ffi; Set up the communication connection with data acquisition equipment based on described conversion result, obtain described target data from described data acquisition equipment, and Send the target data to the visualization server.
  • described parameter conversion tool is Edge.js or node-ffi
  • the data acquisition request is generated by a desktop application, and is used to acquire target data from the data collection device.
  • Obtaining target data from the data acquisition device can access the driver program of the data acquisition device based on the API exposed by the data acquisition device through the dynamic link library that allows communication with the data acquisition device, and call the data reading method in the driver program to obtain data from the data acquisition device.
  • Read target data from the device can be known that the dynamic link library of the data acquisition device is generally developed based on the .NET platform.
  • the desktop application program in the embodiment of the present application is not developed based on the .NET platform.
  • 2B is a data display effect diagram of the Windows form program developed by the .NET platform provided by Embodiment 2 of the present application. As shown in FIG. 2B, based on the Windows form program (Winform form) developed by the .NET platform, The display style of its data display interface is single, it is difficult to clearly present the relationship, trend and law between the data, and the user experience is not good.
  • the desktop application is based on the Nodejs environment and generated through the electron framework.
  • Node.js is a JavaScript runtime environment based on the Chrome V8 engine. It uses an event-driven, non-blocking I/O model to allow JavaScript to run on the server-side development platform.
  • Electron is a development platform that uses JavaScript, HTML, and CSS to focus on A framework for building desktop applications. Create desktop applications based on Node.js combined with the Electron framework using JavaScript, HTML, and CSS technologies. Based on the Nodejs environment, the desktop application generated through the electron framework reduces the development difficulty of the desktop application.
  • Figure 2C is a data display effect diagram obtained based on the data visualization display method provided by the embodiment of the present application.
  • the startup and operation of the desktop application itself does not depend on the network, and the desktop application can better access the hardware resources of the computer, and the desktop application can better control the user experience, without worrying about the rules of CSS processing by different browsers and which javaScript Features are supported.
  • the API in the dynamic link library developed based on the .NET platform can be called to realize the communication between the desktop application and the data acquisition device.
  • the desktop application calls the parameter conversion tool to convert the format of the data acquisition request and obtain the conversion result.
  • the parameter conversion tool is Edge.js or node-ffi.
  • Edge.js is a bridge technology that realizes the interoperability between Node.js and .NET. You can use .NET codes and libraries in Node.js, and you can also use Node.js codes and libraries in .NET.
  • Edge.js requires .netframeWork4.5 to run, and you can execute npm install edge to download the edge.js dependency package.
  • node-ffi is a Node.js plugin that loads and calls dynamic libraries using pure JavaScript. node-ffi can be used to create bindings to the dynamic link library of the data acquisition device without writing c++ code, and is also responsible for handling type conversions across JavaScript and C. node-ffi does not need source code, it only needs to install the corresponding ffi library to realize data conversion through Buffer class, ref, ref-array, ref-struct.
  • the desktop application Based on the conversion result of the data acquisition request, the desktop application establishes a communication connection with the data acquisition device, calls the data reading method in the data acquisition device driver, and reads the target data from the data acquisition device.
  • the desktop application sends the target data obtained from the data acquisition device to the visualization server.
  • the target data is directly obtained from the collection device through the desktop application program, avoiding data leakage caused by obtaining the target data through a third party, and ensuring data security.
  • S260 Send the target display request to the visualization server, so that the visualization server determines the target data and the display configuration information of the target data from the candidate data and the display configuration information of the candidate data in response to the target display request .
  • S270 Determine a target display style of the target data according to the display configuration information of the target data, and render the target data to a data display page through the target display style.
  • the display style information is obtained through the visual configuration page, and the chart display style is determined for the target data according to the display style information; the chart element attributes associated with the chart presentation style are displayed, and the chart is obtained attribute configuration information of element attributes; generate display configuration information of the target data according to the chart display style and the attribute configuration information; send the target data and the display configuration information of the target data to the visualization server .
  • personalized data visualization chart styles can be customized for users according to their actual business needs, which improves user experience.
  • Fig. 3 is a data visualization display device provided in Embodiment 3 of the present application, and this embodiment is applicable to the situation of visual display of data.
  • the device can be implemented by software and/or hardware, and can be integrated into electronic equipment such as smart terminals.
  • the apparatus may include: a target display request generation module 310 , a target display request sending module 320 and a target display style determination module 330 .
  • a target display request generation module 310 configured to generate a target display request for the target data
  • the target display request sending module 320 is configured to send the target display request to the visualization server, so that the visualization server determines the target data and Display configuration information of the target data;
  • the target display style determining module 330 is configured to determine a target display style of the target data according to the display configuration information of the target data, and render the target data to a data display page through the target display style.
  • the desktop application generates a target display request for the target data; sends the target display request to the visualization server, so that the visualization server determines the target data and display configuration information from the candidate data and candidate data display configuration information in response to the target display request Display configuration information of the target data; determine a target display style of the target data according to the display configuration information of the target data, and render the target data to a data display page through the target display style. While ensuring data security, enrich data display methods to achieve the purpose of improving data readability and user experience.
  • the device further includes: a data acquisition request generation module, configured to generate a data acquisition request for the target data before generating the target display request for the target data; a format conversion module, configured to Carry out format conversion to the data acquisition request based on the parameter conversion tool, and obtain the conversion result; wherein, the parameter conversion tool is Edge.js or node-ffi; the target data acquisition module is set to establish a data acquisition device based on the conversion result communication connection, acquire the target data from the data acquisition device, and send the target data to the visualization server.
  • a data acquisition request generation module configured to generate a data acquisition request for the target data before generating the target display request for the target data
  • a format conversion module configured to Carry out format conversion to the data acquisition request based on the parameter conversion tool, and obtain the conversion result
  • the parameter conversion tool is Edge.js or node-ffi
  • the target data acquisition module is set to establish a data acquisition device based on the conversion result communication connection, acquire the target data from the data acquisition device, and send the target data
  • the device further includes: a chart display style determination module, configured to obtain display style information through a visualization configuration page before generating the target display request for the target data, and set The target data determines the chart display style;
  • the attribute configuration information acquisition module is set to display the chart element attributes associated with the chart display style, and obtains the attribute configuration information of the chart element attributes;
  • the display configuration information generation module is set In order to generate the display configuration information of the target data according to the chart display style and the attribute configuration information;
  • the data sending module is configured to send the target data and the display configuration information of the target data to the visualization server.
  • the target presentation style determination module 330 includes: a data visualization chart library configuration submodule configured to configure a data visualization chart library according to the display configuration information of the target data; a target data display submodule configured to pass The data visualization chart library displays the target data on a data display page in a target display style.
  • the desktop application is based on the Nodejs environment and generated through the electron framework.
  • a data visualization display device provided in an embodiment of the present application can execute a data visualization display method provided in any embodiment of the present application, and has corresponding performance modules and beneficial effects for executing a data visualization display method.
  • Embodiment 4 of the present application also provides a storage medium containing computer-executable instructions.
  • the computer-executable instructions When executed by a computer processor, the computer-executable instructions are used to execute a data visualization display method, which is executed by a desktop application program.
  • the method includes :
  • the visualization server determines the target data and the display configuration information of the target data from the candidate data and the display configuration information of the candidate data in response to the target display request;
  • a target display style of the target data is determined, and the target data is rendered to a data display page through the target display style.
  • the storage medium refers to various types of memory electronic devices or storage electronic devices.
  • the term "storage medium” is intended to include: installation media, such as compact disc read-only memory (CD-ROM), floppy disks, or tape drives; computer system memory or random access memory, such as dynamic random access memory (DRAM) Dynamic Random Access Memory, DRAM), double data rate synchronous (Double Data-Rate Synchronous, DDR RAM), static random access memory (Static Random-Access Memory, SRAM), EDO RAM (Extended Data Output RAM), Lamba Rambus RAM, etc.; non-volatile memory, such as flash memory, magnetic media (eg hard disk or optical storage); registers or other similar types of memory elements, etc.
  • the storage medium may also include other types of memory or combinations thereof.
  • the storage medium may be located in a computer system in which the program is executed, or may be located in a different second computer system connected to the computer system through a network such as the Internet.
  • the second computer system may provide program instructions to the computer for execution.
  • the term "storage medium" may include two or more storage media that may reside in different locations, such as in different computer systems connected by a network.
  • a storage medium may store program instructions (eg, implemented as a computer program) that are executable by one or more processors.
  • a storage medium containing computer-executable instructions provided in the embodiments of the present application can perform related operations in a data visualization display method provided in any embodiment of the present application.
  • Embodiment 5 of the present application provides an electronic device, which can be integrated with a data visualization display device provided in the embodiment of the present application.
  • the electronic device can be configured in the system, or can be a part of the execution system. or full performance equipment.
  • FIG. 4 is a schematic structural diagram of an electronic device provided in Embodiment 5 of the present application.
  • this embodiment provides an electronic device 400, which includes: one or more processors 420; a storage device 410 configured to store one or more programs, when the one or more programs Executed by the one or more processors 420, so that the one or more processors 420 implement a data visualization display method provided in the embodiment of the present application, executed by a desktop application, the method includes:
  • the visualization server determines the target data and the display configuration information of the target data from the candidate data and the display configuration information of the candidate data in response to the target display request;
  • a target display style of the target data is determined, and the target data is rendered to a data display page through the target display style.
  • processor 420 also implements a data visualization display method provided in any embodiment of the present application.
  • the electronic device 400 shown in FIG. 4 is merely an example.
  • the electronic device 400 includes a processor 420, a storage device 410, an input device 430, and an output device 440; the number of processors 420 in the electronic device may be one or more, and in FIG.
  • the processor 420, the storage device 410, the input device 430 and the output device 440 in the electronic device may be connected through a bus or in other ways. In FIG. 4, the connection through the bus 450 is taken as an example.
  • the storage device 410 can be used to store software programs, computer-executable programs, and module units, such as program instructions corresponding to a data visualization display method in the embodiment of the present application.
  • the storage device 410 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system and at least one application program required for performance; the data storage area may store data created according to the use of the terminal, and the like.
  • the storage device 410 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid-state storage devices.
  • the storage device 410 may further include memories that are remotely located relative to the processor 420, and these remote memories may be connected through a network. Examples of such networks include the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
  • the input device 430 can be used to receive input numbers, character information or voice information, and generate key signal input related to user settings and performance control of the electronic device.
  • the output device 440 may include electronic equipment such as a display screen and a speaker.
  • the data visualization display device, medium, and electronic device provided in the above embodiments can execute a data visualization display method provided in any embodiment of the present application, and have corresponding performance modules and beneficial effects for executing the method.
  • a data visualization display method provided in any embodiment of the present application.

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了一种数据可视化展示方法、装置、介质及电子设备。所述方法包括：生成对目标数据的目标展示请求；向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页。

Description

一种数据可视化展示方法、装置、介质及电子设备
本申请要求在2021年12月09日提交中国专利局、申请号为202111500832.6的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及计算机应用技术领域，例如涉及一种数据可视化展示方法、装置、介质及电子设备。
背景技术
数据采集设备(Data Acquisition Equipment，DAE)是将模拟电信号转换为数字信号存储起来，进行预处理的设备。数据采集设备的蓬勃发展加速了数据的流通与汇聚，促使数据资源体量指数式增长，数据呈现出海量、多样、低价值密度等一系列特征。
在保证数据安全的前提下，从数据采集设备中获取数据并对获取到的数据进行整理和挖掘，将数据之间的关系、趋势和规律以可读性更强的方式揭示给用户，对于将数据从费用成本转化为有效资产具有重要意义。
发明内容
本申请实施例提供一种数据可视化展示方法、装置、介质及电子设备，可以在保证数据安全性的同时丰富数据展示方式，达到高数据可读性，提高用户体验的目的。
第一方面，本申请实施例提供了一种数据可视化展示方法，由桌面应用程序执行，所述方法包括：
生成对目标数据的目标展示请求；
向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；
根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
第二方面，本申请实施例提供了一种数据可视化展示装置，配置于桌面应 用程序，所述装置包括：
目标展示请求生成模块，被设置为生成对目标数据的目标展示请求；
目标展示请求发送模块，被设置为向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；
目标展示样式确定模块，被设置为根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
第三方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本申请实施例所述的一种数据可视化展示方法。
第四方面，本申请实施例提供了一种电子设备，包括存储器，处理器及存储在存储器上并可在处理器运行的计算机程序，所述处理器执行所述计算机程序时实现如本申请实施例所述的一种数据可视化展示方法。
附图说明
图1是本申请实施例一提供的一种数据可视化展示方法的流程图；
图2A是本申请实施例二提供的另一种数据可视化展示方法的流程图；
图2B是本申请实施例二提供的.NET平台所开发的Windows窗体程序的数据显示效果图；
图2C是基于本申请实施例提供的数据可视化展示方法得到的数据显示效果图；
图3是本申请实施例三提供的一种数据可视化展示装置的结构示意图；
图4是本申请实施例五提供的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作说明。可以理解的是，此处所描述的实施例仅仅用于解释本申请。另外还需要说明的是，为了便于描述，附仅示出了与本申请相关的部分而非全部结构。
实施例一
图1是本申请实施例一提供的一种数据可视化展示方法的流程图，本实施例可适用对数据进行可视化展示的情况。该方法可以由桌面应用程序执行，该桌面应用程序可以由软件和/或硬件的方式来实现，并可集成于运行此系统的电子设备中。
如图1所示，所述数据可视化展示方法包括：
S110、生成对目标数据的目标展示请求。
本实施例中，目标展示请求是设置为向可视化服务器请求目标数据和目标数据的展示配置信息。目标展示请求是指将目标数据以可视化方式展示的请求。目标数据是需要可视化的数据。目标数据可以根据实际业务需求确定，示例性的，目标数据可以是车站的旅客流量数据。
目标数据的目标展示请求，可以是存在数据可视化展示需求的情况下，由桌面应用程序产生的。示例性的，可以是桌面应用程序响应于用户点击数据可视化控件，生成的对于目标数据的目标展示请求。可选的，目标数据由桌面应用程序从数据采集设备获取，发送至可视化服务器。其中，数据采集设备是用于进行数据采集的硬件设备。
S120、向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息。
本实施例中，候选数据是指存储在可视化服务器中的待展示数据。每一条候选数据均存在对应的展示配置信息。候选数据以及候选数据的展示配置信息均由桌面应用程序产生并发送给可视化服务器。其中，展示配置信息用于约束候选数据的可视化样式。目标数据在候选数据中产生，目标数据同样存在对应的展示配置信息。
可选的，目标展示请求中包括目标数据的数据标识。可视化服务器可以根据目标数据的数据标识选择出数据标识对应的候选数据作为目标数据，并选择与目标数据关联的展示配置信息，作为目标数据的展示配置信息。
桌面应用程序向可视化服务器发送目标展示请求，可视化服务器响应于接收到目标展示请求，从候选数据和候选数据的展示配置信息中确定目标数据和目标数据的展示配置信息，并将目标数据和目标数据的展示配置信息反馈给桌面应用程序。
可选的，桌面应用程序是基于Ajax技术与可视化服务器进行通信的。其中，Ajax是一种用于创建更好更快以及交互性更强的Web应用程序的技术。Ajax在浏览器与Web服务器之间使用异步数据传输，是一种独立于Web服务器软件 的浏览器技术。Ajax基于下列Web标准：JS(JavaScript)、可扩展标记语言(Extensible Markup Language，XML)、超文本标记语言(Hyper Text Markup Language，HTML)和层叠样式表(CascadingStyleSheets，CSS)。上述Web标准已定义在Ajax中，主流浏览器均支持Ajax。
S130、根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
本实施例中，目标展示样式约束了目标数据的可视化样式。示例性的，目标展示样式包括饼图、柱状图、直方图、散点图、箱线图和折线图等。目标展示样式可以根据目标数据特点以及实际业务需求确定。
桌面应用程序根据目标数据的展示配置信息，确定目标数据的目标展示样式。桌面应用程序通过目标展示样式将目标数据渲染到数据显示页面，展示给用户。
在一个可选的实施例中，根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面，包括：根据所述目标数据的展示配置信息，配置数据可视化图表库；通过所述数据可视化图表库，将所述目标数据以目标展示样式展示到数据显示页面。
在一实施例中，数据可视化图表库用于提供直观，生动，可交互，可个性化定制的数据可视化图表，数据可视化图表库中涵盖常规数据可视化样式。可选的，数据可视化图表库可以为D3.js、ECharts.js、Highcharts.js或者AntV。可选的，数据可视化图表库为ECharts.js。ECharts使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器如IE8/9/10/11，Chrome、Firefox或者Safari等。
本申请实施例中，桌面应用程序生成对目标数据的目标展示请求；向可视化服务器发送目标展示请求，使可视化服务器响应于目标展示请求，从候选数据和候选数据的展示配置信息中确定目标数据和目标数据的展示配置信息；根据目标数据的展示配置信息，确定目标数据的目标展示样式，并通过目标展示样式将所述目标数据渲染到数据显示页面。在保证数据安全性的同时，丰富了数据展示方式，达到提高数据可读性，提高用户体验的目的。
实施例二
图2A是本申请实施例二提供的另一种数据可视化展示方法的流程图。本实施例在上述实施例的基础上进行改动。在本实施例中，在所述生成对目标数据 的目标展示请求之前，所述方法还包括：通过可视化配置页面获取展示样式信息，并根据所述展示样式信息为所述目标数据确定图表展示样式；展示与所述图表展示样式关联的图表元素属性，并获取所述图表元素属性的属性配置信息；根据所述图表展示样式和所述属性配置信息，生成所述目标数据的展示配置信息；将所述目标数据和所述目标数据的展示配置信息发送给所述可视化服务器。
如图2A所示，所述一种数据可视化展示方法包括：
S210、通过可视化配置页面获取展示样式信息，并根据所述展示样式信息为所述目标数据确定图表展示样式。
在一实施例中，可视化配置页面是由桌面应用程序产生，供用户根据实际业务需求为目标数据选择图表显示样式。可选的，可视化配置页面是基于JS、CSS和HTML构建的，可视化配置页面展示有图像显示样式，可选的，图像显示样式来源于数据可视化图表库。展示样式信息是指针对于目标数据的图表展示样式选择信息。
桌面应用程序通过可视化配置页面获取用户针对于目标数据的展示样式信息，根据展示样式信息中图表展示样式的选择信息确定展示目标数据所需的图表显示样式。示例性的，图表显示样式可以是：饼图、柱状图、直方图、散点图、箱线图或者折线图。
S220、展示与所述图表展示样式关联的图表元素属性，并获取所述图表元素属性的属性配置信息。
在一实施例中，图表元素是指构成图表的基本元素。图表元素属性是指图表元素的颜色、字体、线条粗细以及图表标题等内容。可以知道的是，不同展示样式的图表，其基本组成元素也会存在差异。在图表展示样式确定的情况下，进一步的，桌面应用程序将与该图表展示样式关联的图表元素属性，在可视化配置页面中展示出来，以供用户根据实际业务需求进行配置。属性配置信息是指针对于目标数据的图表元素属性的配置信息。
S230、根据所述图表展示样式和所述属性配置信息，生成所述目标数据的展示配置信息。
在一实施例中，目标数据的展示配置信息包括目标数据的图表展示样式以及与图表展示样式关联的属性配置信息。桌面应用程序根据图表展示样式和属性配置信息，生成目标数据的展示配置信息。
可选的，在目标数据的图表展示样式和属性配置信息均确定的情况下，根据桌面应用程序生成的展示配置信息，通过数据可视化图表库，将目标数据的可视化效果展示出来。这样做可以使得用户能够直观地了解目标数据最终展示 样式，并根据数据可视化效果对图表展示样式和属性配置信息进行调整。
S240、将所述目标数据和所述目标数据的展示配置信息发送给所述可视化服务器。
桌面应用程序将目标数据和目标数据的展示配置信息发送给可视化服务器，通过可视化服务器保存目标数据和目标数据的展示配置信息。
在一个可选的实施例中，在所述生成对目标数据的目标展示请求之前，所述方法还包括：生成对所述目标数据的数据获取请求；基于参数转换工具对所述数据获取请求进行格式转换，得到转换结果；其中，所述参数转换工具为Edge.js或者node-ffi；基于所述转换结果建立与数据采集设备的通信连接，从所述数据采集设备获取所述目标数据，并将所述目标数据发送给所述可视化服务器。
在一实施例中，数据获取请求由桌面应用程序产生，用于从数据采集设备获取目标数据。从数据采集设备获取目标数据，可以基于数据采集设备通过动态链接库暴露出来的允许和数据采集设备通信的API，访问数据采集设备的驱动程序，调用驱动程序中的数据读取方法，从数据采集设备中读取目标数据。然而，可以知道的是，数据采集设备的动态链接库一般是基于.NET平台开发的。而本申请实施例中桌面应用程序并不是基于.NET平台开发的。图2B是本申请实施例二提供的.NET平台所开发的Windows窗体程序的数据显示效果图，如图2B所示，基于.NET平台所开发的Windows窗体程序的(Winform窗体)，其数据显示界面的展示样式单一，很难将数据之间的关系、趋势和规律清晰地呈现，用户体验不好。
可选的，所述桌面应用程序为基于Nodejs环境，通过electron框架生成。其中，Node.js是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript运行在服务端的开发平台，Electron是一个使用JavaScript、HTML、CSS专注于构建桌面应用的框架。基于Node.js结合Electron框架使用JavaScript、HTML、CSS技术创建桌面应用程序。基于Nodejs环境，通过electron框架生成的桌面应用程序，降低了桌面应用程序的开发难度。图2C是基于本申请实施例提供的数据可视化展示方法得到的数据显示效果图，图2C所示，此外，基于Nodejs环境，通过electron框架生成的桌面应用程序有丰富数据展示样式，可以根据用户个性化需求将数据可视化展示出来，可以提高用户体验。桌面应用程序自身的启动和运行不依赖网络，而且桌面应用程序可以更好地访问计算机的硬件资源，桌面应用程序能更好的控制用户体验，不用担心不同浏览器处理CSS的规则以及对哪些javaScript特性是被支持的。
为了使得基于Nodejs环境通过electron框架生成桌面应用程序，可以调用 基于.NET平台开发的动态链接库中的API，实现桌面应用程序与数据采集设备的通信。桌面应用程序调用参数转换工具对数据获取请求进行格式转换，得到转换结果。其中，参数转换工具为Edge.js或者node-ffi。Edge.js的是一种实现Node.js与.NET互操作的桥接技术，可以在Node.js中使用.NET代码和库，也可以在.NET中使用Node.js的代码和库。Edge.js运行需要.netframeWork4.5，可执行npm install edge下载edge.js依赖包。node-ffi是一个使用纯JavaScript加载和调用动态库的Node.js插件。node-ffi可以用来在不编写c++代码的情况下创建与数据采集设备动态链接库的绑定，同时负责处理跨JavaScript和C的类型转换。node-ffi不需要源代码，只需要安装对应的ffi库通过Buffer类、ref、ref-array、ref-struct实现数据转换。
桌面应用程序基于数据获取请求的转换结果，建立与数据采集设备的通信连接，调用数据采集设备驱动程序中的数据读取方法，从数据采集设备中读取目标数据。桌面应用程序将从数据采集设备获取到的目标数据发送给可视化服务器。本实施例中，通过桌面应用程序从采集设备直接获取目标数据，避免通过第三方获取目标数据造成数据泄露，保证了数据安全性。
S250、生成对目标数据的目标展示请求。
S260、向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息。
S270、根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
本申请实施例中，通过可视化配置页面获取展示样式信息，并根据所述展示样式信息为所述目标数据确定图表展示样式；展示与所述图表展示样式关联的图表元素属性，并获取所述图表元素属性的属性配置信息；根据所述图表展示样式和所述属性配置信息，生成所述目标数据的展示配置信息；将所述目标数据和所述目标数据的展示配置信息发送给所述可视化服务器。执行本申请实施例，可以根据用户实际业务需求为用户定制个性化的数据可视化图表样式，提高了用户体验。
实施例三
图3是本申请实施例三提供的一种数据可视化展示装置，本实施例可适用对数据进行可视化展示的情况。所述装置可由软件和/或硬件实现，并可集成于智能终端等电子设备中。
如图3所示，该装置可以包括：目标展示请求生成模块310、目标展示请求发送模块320和目标展示样式确定模块330。
目标展示请求生成模块310，被设置为生成对目标数据的目标展示请求；
目标展示请求发送模块320，被设置为向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；
目标展示样式确定模块330，被设置为根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
本申请实施例中，桌面应用程序生成对目标数据的目标展示请求；向可视化服务器发送目标展示请求，使可视化服务器响应于目标展示请求，从候选数据和候选数据的展示配置信息中确定目标数据和目标数据的展示配置信息；根据目标数据的展示配置信息，确定目标数据的目标展示样式，并通过目标展示样式将所述目标数据渲染到数据显示页面。在保证数据安全性的同时，丰富数据展示方式，达到提高数据可读性，提高用户体验的目的。
可选的，所述装置还包括：数据获取请求生成模块，被设置为在所述生成对目标数据的目标展示请求之前，生成对所述目标数据的数据获取请求；格式转换模块，被设置为基于参数转换工具对所述数据获取请求进行格式转换，得到转换结果；其中，参数转换工具为Edge.js或者node-ffi；目标数据获取模块，被设置为基于所述转换结果建立与数据采集设备的通信连接，从所述数据采集设备获取所述目标数据，并将所述目标数据发送给所述可视化服务器。
可选的，所述装置还包括：图表展示样式确定模块，被设置为在所述生成对目标数据的目标展示请求之前，通过可视化配置页面获取展示样式信息，并根据所述展示样式信息为所述目标数据确定图表展示样式；属性配置信息获取模块，被设置为展示与所述图表展示样式关联的图表元素属性，并获取所述图表元素属性的属性配置信息；展示配置信息生成模块，被设置为根据所述图表展示样式和所述属性配置信息，生成所述目标数据的展示配置信息；数据发送模块，被设置为将所述目标数据和所述目标数据的展示配置信息发送给所述可视化服务器。
可选的，目标展示样式确定模块330，包括：数据可视化图表库配置子模块，被设置为根据所述目标数据的展示配置信息，配置数据可视化图表库；目标数据展示子模块，被设置为通过所述数据可视化图表库，将所述目标数据以目标展示样式展示到数据显示页面。
可选的，所述桌面应用程序为基于Nodejs环境，通过electron框架生成。
本申请实施例所提供的一种数据可视化展示装置可执行本申请任意实施例所提供的一种数据可视化展示方法，具备执行一种数据可视化展示方法相应的性能模块和有益效果。
实施例四
本申请实施例四还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种数据可视化展示方法，由桌面应用程序执行，该方法包括：
生成对目标数据的目标展示请求；
向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；
根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
存储介质是指各种类型的存储器电子设备或存储电子设备。术语“存储介质”旨在包括：安装介质，例如只读光盘(compact disc read-only memory，CD-ROM)、软盘或磁带装置；计算机系统存储器或随机存取存储器，诸如动态随机存取存储器(Dynamic Random Access Memory，DRAM)、双倍数据速率同步(Double Data-Rate Synchronous，DDR RAM)、静态随机存取存储器(Static Random-Access Memory，SRAM)、EDO RAM(Extended Data Output RAM)，兰巴斯(Rambus)RAM等；非易失性存储器，诸如闪存、磁介质(例如硬盘或光存储)；寄存器或其它相似类型的存储器元件等。存储介质可以还包括其它类型的存储器或其组合。另外，存储介质可以位于程序在其中被执行的计算机系统中，或者可以位于不同的第二计算机系统中，第二计算机系统通过网络(诸如因特网)连接到计算机系统。第二计算机系统可以提供程序指令给计算机用于执行。术语“存储介质”可以包括可以驻留在不同位置中(例如在通过网络连接的不同计算机系统中)的两个或更多存储介质。存储介质可以存储可由一个或多个处理器执行的程序指令(例如可以实现为计算机程序)。
当然，本申请实施例所提供的一种包含计算机可执行指令的存储介质，可以执行本申请任意实施例所提供的一种数据可视化展示方法中的相关操作。
实施例五
本申请实施例五提供了一种电子设备，该电子设备中可集成本申请实施例提供的一种数据可视化展示装置，该电子设备可以是配置于系统内的，也可以是执行系统内的部分或者全部性能的设备。图4是本申请实施例五提供的一种电子设备的结构示意图。如图4所示，本实施例提供了一种电子设备400，其包括：一个或多个处理器420；存储装置410，被设置为存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器420执行，使得所述一个或多个处理器420实现本申请实施例所提供的一种数据可视化展示方法，由桌面应用程序执行，该方法包括：
生成对目标数据的目标展示请求；
向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；
根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
本领域技术人员可以理解，处理器420还实现本申请任意实施例所提供的一种数据可视化展示方法。
图4显示的电子设备400仅仅是一个示例。
如图4所示，该电子设备400包括处理器420、存储装置410、输入装置430和输出装置440；电子设备中处理器420的数量可以是一个或多个，图4中以一个处理器420为例；电子设备中的处理器420、存储装置410、输入装置430和输出装置440可以通过总线或其他方式连接，图4中以通过总线450连接为例。
存储装置410作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块单元，如本申请实施例中的一种数据可视化展示方法对应的程序指令。
存储装置410可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个性能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储装置410可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储装置410可进一步包括相对于处理器420远程设置的存储器，这些远程存储器可以通过网络连接。上述网络的实例包括互联网、企业内部网、局域网、移动通信网及其组合。
输入装置430可用于接收输入的数字、字符信息或语音信息，以及产生与 电子设备的用户设置以及性能控制有关的键信号输入。输出装置440可包括显示屏、扬声器等电子设备。
上述实施例中提供的一种数据可视化展示装置、介质及电子设备可执行本申请任意实施例所提供的一种数据可视化展示方法，具备执行该方法相应的性能模块和有益效果。未在上述实施例中详尽描述的技术细节，可参见本申请任意实施例所提供的一种数据可视化展示方法。

Claims (10)

  1. 一种数据可视化展示方法，由桌面应用程序执行，所述方法包括：
    生成对目标数据的目标展示请求；
    向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；
    根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
  2. 根据权利要求1所述的方法，在所述生成对目标数据的目标展示请求之前，所述方法还包括：
    生成对所述目标数据的数据获取请求；
    基于参数转换工具对所述数据获取请求进行格式转换，得到转换结果；其中，所述参数转换工具为Edge.js或者node-ffi；
    基于所述转换结果建立与数据采集设备的通信连接，从所述数据采集设备获取所述目标数据，并将所述目标数据发送给所述可视化服务器。
  3. 根据权利要求1所述的方法，在所述生成对目标数据的目标展示请求之前，所述方法还包括：
    通过可视化配置页面获取展示样式信息，并根据所述展示样式信息为所述目标数据确定图表展示样式；
    展示与所述图表展示样式关联的图表元素属性，并获取所述图表元素属性的属性配置信息；
    根据所述图表展示样式和所述属性配置信息，生成所述目标数据的展示配置信息；
    将所述目标数据和所述目标数据的展示配置信息发送给所述可视化服务器。
  4. 根据权利要求1所述的方法，其中，根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面，包括：
    根据所述目标数据的展示配置信息，配置数据可视化图表库；
    通过所述数据可视化图表库，将所述目标数据以目标展示样式展示到数据显示页面。
  5. 根据权利要求1所述的方法，其中，所述桌面应用程序为基于Nodejs 环境，通过electron框架生成。
  6. 一种数据可视化展示装置，配置于桌面应用程序，所述装置包括：
    目标展示请求生成模块，被设置为生成对目标数据的目标展示请求；
    目标展示请求发送模块，被设置为向可视化服务器发送所述目标展示请求，使所述可视化服务器响应于所述目标展示请求，从候选数据和所述候选数据的展示配置信息中确定目标数据和所述目标数据的展示配置信息；
    目标展示样式确定模块，被设置为根据所述目标数据的展示配置信息，确定所述目标数据的目标展示样式，并通过所述目标展示样式将所述目标数据渲染到数据显示页面。
  7. 根据权利要求6所述的装置，所述装置还包括：
    数据获取请求生成模块，被设置为在所述生成对目标数据的目标展示请求之前，生成对所述目标数据的数据获取请求；
    格式转换模块，被设置为基于参数转换工具对所述数据获取请求进行格式转换，得到转换结果；其中，所述参数转换工具为Edge.js或者node-ffi；
    目标数据获取模块，被设置为基于所述转换结果建立与数据采集设备的通信连接，从所述数据采集设备获取所述目标数据，并将所述目标数据发送给所述可视化服务器。
  8. 根据权利要求6所述的装置，所述装置还包括：
    图表展示样式确定模块，被设置为在所述生成对目标数据的目标展示请求之前，通过可视化配置页面获取展示样式信息，并根据所述展示样式信息为所述目标数据确定图表展示样式；
    属性配置信息获取模块，被设置为展示与所述图表展示样式关联的图表元素属性，并获取所述图表元素属性的属性配置信息；
    展示配置信息生成模块，被设置为根据所述图表展示样式和所述属性配置信息，生成所述目标数据的展示配置信息；
    数据发送模块，被设置为将所述目标数据和所述目标数据的展示配置信息发送给所述可视化服务器。
  9. 一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-5中任一项所述的数据可视化展示方法。
  10. 一种电子设备，包括存储器，处理器及存储在所述存储器上并可在所 述处理器运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1-5中任一项所述的数据可视化展示方法。
PCT/CN2022/110749 2021-12-09 2022-08-08 一种数据可视化展示方法、装置、介质及电子设备 WO2023103430A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111500832.6A CN114168853A (zh) 2021-12-09 2021-12-09 一种数据可视化展示方法、装置、介质及电子设备
CN202111500832.6 2021-12-09

Publications (1)

Publication Number Publication Date
WO2023103430A1 true WO2023103430A1 (zh) 2023-06-15

Family

ID=80484992

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/110749 WO2023103430A1 (zh) 2021-12-09 2022-08-08 一种数据可视化展示方法、装置、介质及电子设备

Country Status (2)

Country Link
CN (1) CN114168853A (zh)
WO (1) WO2023103430A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114168853A (zh) * 2021-12-09 2022-03-11 北京锐安科技有限公司 一种数据可视化展示方法、装置、介质及电子设备
CN116561472B (zh) * 2023-04-14 2023-12-26 广州力麒智能科技有限公司 基于Electron跨平台技术的政务浏览器系统架构

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104679248A (zh) * 2015-03-03 2015-06-03 江苏科技大学 一种多场景交互数据可视化系统及工作方法
US20170083593A1 (en) * 2015-09-21 2017-03-23 General Electric Company Visualization transformation server for big data
CN112069422A (zh) * 2020-08-11 2020-12-11 长沙市到家悠享网络科技有限公司 信息展示方法、服务器、终端和介质
CN113377486A (zh) * 2021-07-16 2021-09-10 西安未来国际信息股份有限公司 数据可视化展示方法、装置、设备及存储介质
CN114168853A (zh) * 2021-12-09 2022-03-11 北京锐安科技有限公司 一种数据可视化展示方法、装置、介质及电子设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104679248A (zh) * 2015-03-03 2015-06-03 江苏科技大学 一种多场景交互数据可视化系统及工作方法
US20170083593A1 (en) * 2015-09-21 2017-03-23 General Electric Company Visualization transformation server for big data
CN112069422A (zh) * 2020-08-11 2020-12-11 长沙市到家悠享网络科技有限公司 信息展示方法、服务器、终端和介质
CN113377486A (zh) * 2021-07-16 2021-09-10 西安未来国际信息股份有限公司 数据可视化展示方法、装置、设备及存储介质
CN114168853A (zh) * 2021-12-09 2022-03-11 北京锐安科技有限公司 一种数据可视化展示方法、装置、介质及电子设备

Also Published As

Publication number Publication date
CN114168853A (zh) 2022-03-11

Similar Documents

Publication Publication Date Title
AU2017210597B2 (en) System and method for the online editing of pdf documents
WO2023103430A1 (zh) 一种数据可视化展示方法、装置、介质及电子设备
CN109408685B (zh) 思维导图展示方法和装置
US8074167B2 (en) Cross domain presence of web user interface and logic
US10419568B2 (en) Manipulation of browser DOM on server
US20070300145A1 (en) Method and system to persist state
CN109254771B (zh) 一种监控页面生成方法和装置
JP2016224923A (ja) ユーザフォームインタフェースの自動生成の方法およびシステム
US20140325349A1 (en) Real-time Representations of Edited Content
JP2015534145A (ja) 宣言テンプレートを使用してコントロールをスタンプアウトするためのユーザインターフェイスコントロールフレームワーク
CN111459501B (zh) 基于SVG的Web组态画面存储与展示系统和方法及介质
CN112269576A (zh) 一种组件展示方法、装置、服务器和存储介质
WO2022063158A1 (zh) 局部适配屏幕方法和设备
CN113655999B (zh) 一种页面控件的渲染方法、装置、设备及存储介质
CN113778419B (zh) 多媒体数据的生成方法、装置、可读介质及电子设备
JP2007328510A (ja) コンテンツ変換装置、コンテンツ表示装置、コンテンツ閲覧装置、コンテンツ変換方法、コンテンツ閲覧方法およびプログラム
Viana et al. XMobile: A MB-UID environment for semi-automatic generation of adaptive applications for mobile devices
CN111880813B (zh) 实现安卓卡片ui的方法、存储介质
CN112395027A (zh) 微件界面生成方法、装置、存储介质与电子设备
US10628526B2 (en) Providing suggested diagrammatic representations of user entered textual information
CN115495417A (zh) 内容加载方法、装置、设备、介质和程序产品
US9158743B1 (en) Grid layout control for network site design
KR20090000199A (ko) 웹 서버 어플리케이션 프레임워크와 상기 프레임워크를이용한 웹 어플리케이션 처리 방법 및 이를 구현할 수 있는컴퓨터로 읽을 수 있는 기록 매체
CN111428452B (zh) 一种批注数据保存方法及装置
CN115809056B (zh) 组件复用实现方法、装置和终端设备、可读存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22902864

Country of ref document: EP

Kind code of ref document: A1