WO2022134115A1 - 数据处理装置及方法、电子设备 - Google Patents

数据处理装置及方法、电子设备 Download PDF

Info

Publication number
WO2022134115A1
WO2022134115A1 PCT/CN2020/139721 CN2020139721W WO2022134115A1 WO 2022134115 A1 WO2022134115 A1 WO 2022134115A1 CN 2020139721 W CN2020139721 W CN 2020139721W WO 2022134115 A1 WO2022134115 A1 WO 2022134115A1
Authority
WO
WIPO (PCT)
Prior art keywords
chart
option
component
data
data item
Prior art date
Application number
PCT/CN2020/139721
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 京东方科技集团股份有限公司
Priority to PCT/CN2020/139721 priority Critical patent/WO2022134115A1/zh
Priority to US17/620,613 priority patent/US11908049B2/en
Priority to CN202080003726.4A priority patent/CN115176243A/zh
Publication of WO2022134115A1 publication Critical patent/WO2022134115A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/206—Drawing of charts or graphs
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/26—Visual data mining; Browsing structured data
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/44—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]

Definitions

  • the present disclosure relates to the field of display technology, and in particular, to a data processing apparatus and method, and electronic equipment.
  • a data processing apparatus includes a visualization component of the option group and at least one chart component.
  • the option group includes a first option and a second option.
  • the at least one chart component has a subscription relationship with a first option of the option group, and the at least one chart component is configured to display the first option belonging to the at least one chart component in response to an operation of selecting the first option.
  • a chart the at least one chart component has a subscription relationship with a second option of the option group, the at least one chart component is further configured to, in response to an operation of selecting the second option, display items belonging to the at least one The second chart of the chart component.
  • the visualization component of the option group is configured to publish a first event corresponding to the first option and a second event corresponding to the second option.
  • Each chart component is configured to listen to events published by the visualization components of the option group.
  • the at least one chart component is configured to display the first chart in response to the first event; and to display the second chart in response to the second event.
  • the visualization component of the option group is one visualization component; or, the visualization component of the option group is multiple visualization components; the multiple visualization components include a first visualization component and a second visualization component; The first visualization component is configured to publish a first event corresponding to the first option; the second visualization component is configured to publish a second event corresponding to the second option.
  • the at least one chart component is one chart component; alternatively, the at least one chart component is a plurality of chart components; the plurality of chart components include a first chart component and a second chart component; the first chart component is configured To display the first chart in response to the first event; the second chart component is configured to display the second chart in response to the second event.
  • the at least one chart component includes a first chart component and a first chart component.
  • the first chart component is configured to set a corresponding item in the first chart component as the first option so that the first chart component has a subscription relationship with the first option.
  • the second chart component is configured to set a corresponding item in the second chart component as the second option so that the second chart component has a subscription relationship with the second option.
  • the visualization component of the option group includes a first data item and a second data item corresponding to the first data item.
  • the first data item is configured to distinguish between the first option and the second option.
  • the at least one chart component is a chart component that includes at least two third data items.
  • the chart component is configured to map at least one third data item in the chart component to a second data item corresponding to the first option, so that the chart component has a subscription relationship with the first option; and , mapping at least one third data item in the chart component to a second data item corresponding to the second option, so that the chart component has a subscription relationship with the second option.
  • the visualization component of the option group is further configured to obtain a data source and bind a first variable in the data source to the second data item.
  • the chart component is configured to bind at least one third data item in the chart component to the second variable to map the at least one third data item to the second data item.
  • the data sources include dynamic data sources and static data sources.
  • the chart component is configured to bind at least one third data item in the chart component to a placeholder written to the second data item to bind the at least one third data item item is mapped to the second data item.
  • the at least one graph component is further configured to update at least one of the first graph and the second graph every preset time.
  • the option group is a drop-down menu, and both the first option and the second option are drop-down options of the drop-down menu.
  • the option group is a title menu
  • both the first option and the second option are title options of the title menu.
  • the group of options is a chart, and both the first option and the second option are chart fields of the chart.
  • a data processing method includes: displaying a first interface including an option group, the option group including a first option and a second option, in the first interface the first option is in a selected state, the second option In a non-selected state, the first interface further includes: a first chart corresponding to the first option; in response to an operation of selecting the second option in the option group on the first interface, a display including all the options is displayed.
  • the data processing method before the displaying the first interface including the option group, the data processing method further includes: setting the corresponding relationship between the first option and the first chart, and the second option and the the corresponding relationship of the second graph.
  • the setting the corresponding relationship between the first option and the first chart, and the corresponding relationship between the second option and the second chart includes: setting the corresponding relationship of the first chart item is set as the first option; the corresponding item of the second chart is set as the second option.
  • the setting the corresponding relationship between the first option and the first chart, and the corresponding relationship between the second option and the second chart includes: in response to a The first operation is to set the corresponding item of the first chart as the first option; in response to the second operation on the third interface, the corresponding item of the second chart is set to the second option options.
  • the data processing method further includes: displaying a third interface, the third interface including: the first graph or a related graph of the first graph, and the second graph or the The associated graph of the second graph; the associated graph of the first graph and the first graph belong to the first graph component, and the associated graph of the second graph and the second graph belong to the second graph component.
  • the setting the corresponding relationship between the first option and the first chart, and the corresponding relationship between the second option and the second chart includes: receiving in the third interface The operation of selecting the first chart or the associated chart of the first chart, and setting the corresponding item in the first chart component as the first option; receiving the selection of the first chart in the third interface An operation of a second chart or an associated chart of the second chart, and setting a corresponding item in the second chart component as the second option.
  • the setting the corresponding relationship between the first option and the first chart and the corresponding relationship between the second option and the second chart includes: configuring data items of the option group , the data items of the option group include a first data item and a second data item corresponding to the first data item, and the first data item is configured to distinguish the first option and the second option; create a third chart, the third chart includes at least two third data items; at least one third data item in the third chart is mapped to the second data item, at least one third data item in the third chart is When three data items are mapped to the second data item corresponding to the first option, the third chart is the first chart; in the third chart, at least one third data item is mapped to the first chart In the case of the second data item corresponding to the second option, the third graph is the second graph.
  • the setting the corresponding relationship between the first option and the first chart and the corresponding relationship between the second option and the second chart includes: configuring a visualization component of the option group , the visualization component includes a first data item and a second data item corresponding to the first data item, the first data item is configured to distinguish the first option and the second option; configure the chart component, The chart component includes at least two third data items to map at least one third data item in the chart component to the second data item, and at least one third data item in the chart component maps to the second data item.
  • the displayed chart is the first chart; in the chart component at least one third data item is mapped to the second data item corresponding to the second option
  • the displayed graph is the second graph.
  • the setting the corresponding relationship between the first option and the first chart, and the corresponding relationship between the second option and the second chart further includes: displaying a fourth interface, the The fourth interface includes the option group in the initial state; the operation of selecting the option group in the initial state on the fourth interface is received, and the operation of configuring the visualization component of the option group, the visualization component includes a first data item and a second data item corresponding to the first data item, the first data item is configured to distinguish the first option and the second option; displaying a fifth interface, the fifth interface including a third chart; configuring a chart component to which the third chart belongs, the chart component including at least two third data items, so as to map at least one third data item in the chart component to the second data item , in the case that at least one third data item in the chart component is mapped to the second data item corresponding to the first option, the displayed chart is the first chart; at least one third data item in the chart component When the data item is mapped to the second data item corresponding to the second option,
  • the mapping of at least one third data item in the chart component to the second data item includes: mapping the first variable in the data source corresponding to the second data item with the second data item Variable binding; binding at least one third data item in the chart component to the second variable.
  • the binding the first variable in the data source corresponding to the second data item to the second variable includes: receiving a user input in a binding input box of the second data item the second variable, so that the first variable in the data source corresponding to the second data item is bound to the second variable entered in the binding input box.
  • the data processing method before the first variable in the data source corresponding to the second data item is bound to the second variable, the data processing method further includes: starting a second variable of the visualization component The release event switch item corresponding to the data item.
  • the mapping at least one third data item in the chart component to the second data item includes: enabling a release event switch item corresponding to the second data item of the visualization component; at least one third data item in the chart component is bound to the placeholder written in the second data item; turn on the receiving event switch item of the chart component, so that at least one third data item in the chart component item is mapped to the second data item.
  • the data processing method further includes: setting an update time of at least one of the first chart and the second chart as a preset time, so that the first chart and the second chart are updated At least one of the graphs is updated every said preset time.
  • a data processing apparatus in yet another aspect, includes a memory and a processor.
  • One or more computer programs are stored in the memory.
  • the processor is coupled to the memory.
  • the processor is configured to execute the computer program to cause the data processing apparatus to implement the data processing method as described in any of the above embodiments.
  • an electronic device in yet another aspect, includes: the data processing device and the display device according to any one of the above embodiments.
  • the display device is configured to display an interface.
  • a non-transitory computer-readable storage medium stores computer program instructions that, when executed on a processor, cause the computer to execute the data processing method described in any of the above embodiments.
  • a computer program product includes computer program instructions that, when executed on a computer, cause the computer to execute the data processing method according to any one of the above embodiments.
  • a computer program When the computer program is executed on a computer, the computer program causes the computer to execute the data processing method described in any of the above embodiments.
  • FIG. 1A is a block diagram of an electronic device according to some embodiments.
  • FIG. 1B is another structural diagram of an electronic device according to some embodiments.
  • FIGS. 2A to 2D are structural diagrams of a data processing apparatus according to some embodiments.
  • FIG. 3 is another structural diagram of an electronic device according to some embodiments.
  • FIG. 4 is a schematic diagram of an interface of a data processing method according to some embodiments.
  • FIG. 5 is another interface schematic diagram of a data processing method according to some embodiments.
  • Fig. 6 is another interface schematic diagram of a data processing method according to some embodiments.
  • Fig. 7 is another interface schematic diagram of a data processing method according to some embodiments.
  • Fig. 8 is another interface schematic diagram of a data processing method according to some embodiments.
  • FIG. 9 is another interface schematic diagram of a data processing method according to some embodiments.
  • FIG. 10 is another interface schematic diagram of a data processing method according to some embodiments.
  • FIG. 11A to 11D are schematic interface diagrams of data processing methods according to some embodiments.
  • FIG. 12 is another interface schematic diagram of a data processing method according to some embodiments.
  • FIGS. 13A to 13C are schematic interface diagrams of data processing methods according to some embodiments.
  • FIGS. 14A to 14D are schematic interface diagrams of data processing methods according to some embodiments.
  • 15A to 15C are schematic interface diagrams of data processing methods according to some embodiments.
  • 16A to 16C are schematic interface diagrams of data processing methods according to some embodiments.
  • 17A to 17E are schematic interface diagrams of data processing methods according to some embodiments.
  • 18A-18B are schematic interface diagrams of data processing methods according to some embodiments.
  • FIG. 19 is yet another structural diagram of a data processing apparatus according to some embodiments.
  • first and second are only used for descriptive purposes, and should not be construed as indicating or implying relative importance or implicitly indicating the number of indicated technical features. Thus, a feature defined as “first” or “second” may expressly or implicitly include one or more of that feature.
  • plural means two or more.
  • the expressions “coupled” and “connected” and their derivatives may be used.
  • the term “connected” may be used in describing some embodiments to indicate that two or more components are in direct physical or electrical contact with each other.
  • the term “coupled” may be used in describing some embodiments to indicate that two or more components are in direct physical or electrical contact.
  • the terms “coupled” or “communicatively coupled” may also mean that two or more components are not in direct contact with each other, yet still co-operate or interact with each other.
  • the embodiments disclosed herein are not necessarily limited by the content herein.
  • the term “if” is optionally construed to mean “when” or “at” or “in response to determining” or “in response to detecting,” depending on the context.
  • the phrases “if it is determined that" or “if a [statement or event] is detected” are optionally interpreted to mean “in determining" or “in response to determining" or “on detection of [recited condition or event]” or “in response to detection of [recited condition or event]”.
  • Embodiments of the present disclosure provide an electronic device.
  • the electronic device may be a computer, a computer, or the like.
  • the electronic device 100 includes a data processing apparatus 300 and a display apparatus 200 .
  • the display device 200 is coupled to the data processing device 300 .
  • the display apparatus 200 and the data processing apparatus 300 may be communicatively connected.
  • the data processing apparatus 300 may control the image displayed on the display apparatus 200 , that is, the display content on the interface of the display apparatus 200 .
  • the display device may establish a connection with the data processing device through wireless communication (eg, Wi-Fi, Bluetooth, etc.).
  • the data processing device is connected to a wireless router or a wireless access point (Access Point, AP) through wireless communication or wired communication, and the display device establishes a connection with the wireless access point through wireless communication, and then communicates with the data processing device. connect.
  • this embodiment is not limited to this communication connection manner.
  • the data processing apparatus and the display apparatus may also establish a connection through wired communication.
  • the display device is configured to display a picture.
  • the display device may display the processing result of the data processing device.
  • the display device may be a display, and may also be a product including a display, such as a television, a computer (all-in-one or a desktop computer), a computer, a tablet computer, a mobile phone, an electronic picture screen, and the like.
  • the display device may be any device that displays images, whether in motion (e.g., video) or stationary (e.g., still images), and whether text or images.
  • the embodiments may be implemented in or associated with a wide variety of electronic devices, such as, but not limited to, game consoles, television monitors, flat panel displays, computers Monitors, automotive displays (eg, odometer displays, etc.), navigators, cockpit controls and/or displays, electronic photographs, electronic billboards or signs, projectors, architectural structures, packaging, and aesthetic structures (eg, for a display of images of pieces of jewelry) etc.
  • electronic devices such as, but not limited to, game consoles, television monitors, flat panel displays, computers Monitors, automotive displays (eg, odometer displays, etc.), navigators, cockpit controls and/or displays, electronic photographs, electronic billboards or signs, projectors, architectural structures, packaging, and aesthetic structures (eg, for a display of images of pieces of jewelry) etc.
  • the display device described herein may include one or more displays, including one or more terminals with a display function, so that the data processing device can send its processed data (eg, influence parameters) to the display device, The display device displays it again. That is, through the interface of the display device (ie, the user interaction interface), the complete interaction between the user and the system for analyzing the causes of sample failures (controlling and receiving the results) can be realized.
  • the interface of the display device ie, the user interaction interface
  • the display device is configured to display the interface.
  • the interface includes various interfaces described herein, including, for example, a first interface and a second interface, and the like.
  • the display device may display the processing result of the data by the data processing device.
  • Embodiments of the present disclosure provide a data processing apparatus.
  • the data processing apparatus may be configured to implement the data processing method described in any of the following embodiments.
  • the data processing device may include: a personal computer, a portable electronic device, a cloud server, or other electronic devices with computing functions.
  • the data processing apparatus 300 includes a memory 301 and a processor 302 .
  • the memory 301 is coupled to the processor 302 .
  • the processor and the memory are coupled through, for example, an I/O interface, thereby enabling information exchange.
  • One or more computer programs executable on the processor 302 are stored in the memory 301 .
  • the data processing apparatus 300 implements the data processing method described in any of the following embodiments.
  • the above-mentioned processor 302 may be one processor, or may be a collective term for multiple processing elements.
  • the processor 302 may be a general-purpose central processing unit (CPU), microprocessor, application-specific integrated circuit (ASIC), or one or more programs for controlling the present disclosure Implementing integrated circuits, such as one or more microprocessors.
  • the processor 302 may be a programmable device; for example, the programmable device is a CPLD (Complex Programmable Logic Device), an EPLD (Erasable Programmable Logic Device, an erasable programmable logic device) or FPGA (field-programmable gate array, field programmable gate array).
  • the above-mentioned memory 301 may be a memory, or may be a collective name of a plurality of storage elements, and is used to store executable program codes and the like. And the memory 301 may include random access memory, and may also include non-volatile memory, such as magnetic disk memory, flash memory, and the like.
  • the memory 301 is used for storing the application code for executing the solution of the present disclosure, and the execution is controlled by the processor 320 .
  • the processor 302 is configured to execute the application program code stored in the memory 301 to control the data processing apparatus 300 to implement the data processing method provided by any of the following embodiments of the present disclosure.
  • the electronic device further includes a storage device 400 .
  • the storage device 400 is configured to store data.
  • the data stored in the storage device includes a data source
  • the data processing device can obtain the data source in the storage device, and control the display device to display the data in the data source on the interface according to the data source.
  • storage device 400 is coupled to data processing device 300 .
  • the storage device may establish a connection with the data processing device through wireless communication.
  • the storage device is connected to a wireless router or a wireless access point through wireless communication or wired communication, and the data processing device establishes a connection with the wireless access point through wireless communication, and then communicates with the storage device.
  • this embodiment is not limited to this communication connection manner, for example, the data processing apparatus and the storage apparatus may also establish a connection through a wired communication manner.
  • the data processing apparatus includes: a visualization component 700 of an option group and at least one chart component 600 .
  • the option group includes a first option and a second option.
  • At least one chart component has a subscription relationship with the first option of the option group, and the at least one chart component is configured to display a first chart belonging to the at least one chart component in response to an operation of selecting the first option.
  • the at least one chart component has a subscription relationship with the second option of the option group, and the at least one chart component is further configured to display a second chart belonging to the at least one chart component in response to an operation of selecting the second option.
  • the operation of selecting the first option or the second option may be that the user selects the first option or the second option on the interface; for example, if the user clicks the first option on the interface, the first option is selected and the second option is not selected. is selected; the user clicks the second option on the first interface, the second option is selected, and the first option is not selected.
  • a component is an independent and reusable individual instance, and its essence is the encapsulation of static or dynamic or a series of logic.
  • a component may include attribute information of the component and be configured to implement a preset function.
  • the attribute information may include the access object of the data of the component, such as attributes such as width and height
  • the preset function may include the function that the component can implement.
  • the preset function may be implemented in the form of a function.
  • a component can be used as the data of the component and the encapsulation of the function of the component, which can reuse hardware and interact with other components.
  • the chart components can be chart components in ECharts or other chart libraries.
  • the visualization component of the option group may display the options in the display option group to visualize the option group.
  • a component can include a computer program that implements a preset function; for another example, a component can include hardware, such as a processor, that executes the computer program that implements the preset function.
  • the first chart and the second chart may belong to the same chart component; for example, the chart type, attribute information or corresponding data source of the first chart and the second chart are the same, but the data they use during rendering are different. .
  • the first chart and the second chart belong to different chart components respectively; for example, the chart types of the first chart and the second chart are different, but their respective attribute information, corresponding data sources or data used in rendering are the same; Or, the chart types of the first chart and the second chart are the same, but their respective attribute information, corresponding data sources or data used in rendering are different; or, the chart types of the first chart and the second chart are different, and The attribute information, the corresponding data source or the data used in rendering are also different.
  • the visualization component of the option group may have a subscription relationship with at least one chart component, that is, the visualization component of the option group may communicate with at least one chart component.
  • the visualization component and at least one chart component of the option group can adopt a publish/subscribe mode (Pubilsh/Subscribe), for example, the publish/subscribe mode includes: event bus (EventBus), or $attrs and $listeners, or provide and inject, or réellex and other methods to communicate.
  • EventBus event bus
  • the visualization component of the option group publishes an event, and at least one chart component listens to the event.
  • At least one chart component in response to the event published by the visualization component of the option group has the information contained in the event published by the visualization component of the option group, at least A chart component performs corresponding operations, eg, displays charts belonging to at least one chart component, the charts being related to the information contained in the events published by the visualization component.
  • a component ie event publisher
  • components eg one-to-one. or one-to-many
  • a component changes, other components will take corresponding actions in response to the event value passed by the communication method (such as event bus).
  • the chart component will In response to the data passed by the event bus, the graph is re-rendered to get the updated graph.
  • the option group may be a title menu, and both the first option and the second option are title options of the title menu.
  • the title menu may be presented in the form of a title bar in the interface.
  • the title options include personnel vehicles, comprehensive security, work order tasks or alarm management.
  • the personnel vehicle in the title option has a subscription relationship with at least one chart component, that is, the first option is personnel vehicle, wherein the first chart belonging to the at least one chart component may include a number of people representing the number of people.
  • Charts of statistical results of statistics, vehicle number statistics, visitor records, parking space statistics, personnel heat map or dynamic ring energy consumption, etc., at least one chart component can display these charts (for example, on the first interface F1).
  • the integrated security in the title option has a subscription relationship with at least one chart component, that is, the second option is integrated security, wherein the second chart belonging to the at least one chart component may include
  • the graphs used to represent data statistics results such as material quantity statistics or security equipment status statistics, at least one graph component can cause these graphs to be displayed (for example, displayed on the second interface F2).
  • the first option 101A is personnel vehicles
  • the second option 101B is comprehensive security.
  • personnel vehicles are selected, and charts in the chart component that do not have a subscription relationship with personnel vehicles are selected.
  • the second chart in at least one chart component that has a subscription relationship with comprehensive security ie, the second option
  • the charts in the chart components that do not have a subscription relationship with Comprehensive Security are not displayed, for example, related to personnel vehicles (ie the first option)
  • the first chart in the at least one chart component with the subscription relationship is not displayed, that is, the second interface F2 displays the second chart and does not display the first chart. At this time, the user can intuitively see the data related to comprehensive security.
  • the option group may include multiple options, one of the two options in the multiple options is used as the first option, and the other of the two options is used as the second option; wherein, the one of the first option and the second option can be switched or selected between.
  • the above-mentioned personnel vehicles can be regarded as the second option, and comprehensive security can be regarded as the first option.
  • the option group is a drop-down menu
  • the first option and the second option are both drop-down options of the drop-down menu.
  • the drop-down menu may be presented in the form of a drop-down box in the interface.
  • the pull-down options include a first scenario and a second scenario, wherein the first option 101A is the first scenario, the second option 101B is the second scenario,
  • the first chart in at least one chart component that has a subscription relationship with the first scene displays, and at least one chart component that does not have a subscription relationship with the first scene displays.
  • the chart in one chart component is not displayed, for example, the second chart in at least one chart component that has a subscription relationship with the second scene is not displayed, that is, the first chart displayed on the first interface does not display the second chart, at this time , the user can intuitively see the data related to the first scene; in the second interface F2 in FIG. 7 , the second chart in the at least one chart component that has a subscription relationship with the second scene shows that there is no subscription to the second scene.
  • the chart in at least one chart component of the relationship is not displayed, for example, the first chart in at least one chart component that has a subscription relationship with the first scene is not displayed, that is, the second interface displays the second chart and does not display the first chart, At this point, the user can intuitively see the data related to the second scene.
  • the chart types in different drop-down options may be the same, but the data content reflected by the charts may be different.
  • the first chart and the second chart may be the same type of chart; if the data related to the first scenario and the data related to the second scenario are different, the data represented by the first chart and the second chart are different .
  • both the first graph and the second graph are ring graphs, but the data of the first graph in FIG. 6 and the second graph in FIG. 7 are different.
  • the option group is a chart
  • both the first option and the second option are chart fields of the chart.
  • the chart includes a first chart field and a second chart field
  • the first option is the first chart field
  • the second option is the second chart field.
  • the first chart field and the second chart field may be different chart fields, or are the same chart fields.
  • the chart field corresponds to each part (ie, the sector) in the pie chart.
  • the first chart field of the pie chart corresponding to the first option Corresponding to part A of the pie chart
  • the second chart field of the pie chart corresponding to the second option corresponds to part B of the pie chart.
  • part A in the pie chart is selected, and the first chart in at least one chart component that has a subscription relationship with part A in the pie chart is displayed, which is the same as the part A in the pie chart.
  • Some charts in at least one chart component that do not have a subscription relationship are not displayed, for example, the second chart in at least one chart component that has a subscription relationship with part B in the pie chart is not displayed, that is, the first chart displayed on the first interface is not displayed.
  • One chart, the second chart is not displayed, at this time, the user can intuitively see the data related to the A part of the pie chart; in the second interface, select the B part of the pie chart, and the pie chart A second chart in at least one chart component that has a subscription relationship with part B displays, and a chart in at least one chart component that does not have a subscription relationship with part B in the pie chart does not display, for example, with part A in the pie chart
  • the first chart in at least one chart component with a subscription relationship is not displayed, that is, the second interface displays the second chart and does not display the first chart.
  • the user can intuitively see the data related to part B in the pie chart . For example, referring to FIG.
  • the chart of the option group is a pie chart
  • the first chart field corresponds to the A part of the pie chart, that is, the first option is the A part of the pie chart
  • the second chart field corresponds to the pie chart
  • the first chart is a line chart; with reference to part (B) in FIG. 10 , part B in the pie chart has a subscription relationship with at least one chart component, corresponding to the displayed second chart, the second chart is also is a line graph, and the data corresponding to the second graph is different from the data corresponding to the first graph.
  • the first chart and the second chart may be the same type of chart or different types of charts; the data represented by the first chart and the second chart may be different or the same; The situation is not limited here.
  • At least one chart component may have a subscription relationship with a plurality of visualization components, respectively; for example, at least one chart component may have a subscription relationship with a visualization component of a title menu, and at least one chart component may have a subscription relationship with a visualization component of a drop-down menu.
  • at least one chart component may have a subscription relationship with a plurality of visualization components, respectively; for example, at least one chart component may have a subscription relationship with a visualization component of a title menu, and at least one chart component may have a subscription relationship with a visualization component of a drop-down menu.
  • the title option in the title menu is used as the first option 101A and the second option 101B in the option group 101 , such as the personnel vehicle as the first option 101A and the second option 101B in the option group 101
  • the first option 101A, alarm management as the second option 101B in this way, the first interface F1 can display the first chart corresponding to the personnel vehicle and the first scene, and the second interface F2 can display the alarm management and the first scene. of the second chart.
  • the first interface F1 can display the first chart corresponding to the personnel vehicle and the first scene
  • the second interface F2 can display the alarm management and the first scene. of the second chart.
  • the drop-down options in the drop-down menu are used as the first option 101A and the second option 101B in the option group 101, for example, the first scene is as The first option 101A and the second scenario are used as the second option 101B, so that the first graph corresponding to the first scenario and the comprehensive security can be displayed on the first interface F1, and the second scenario and the comprehensive security can be displayed on the second interface F2.
  • the corresponding second graph is used as the first option 101A and the second option 101B in the option group 101, for example, the first scene is as The first option 101A and the second scenario are used as the second option 101B, so that the first graph corresponding to the first scenario and the comprehensive security can be displayed on the first interface F1, and the second scenario and the comprehensive security can be displayed on the second interface F2.
  • the corresponding second graph is used as the first option 101A and the second option 101B in the option group 101, for example, the first scene is as The first option 101A and the second scenario are used as the second option 101B, so that the first graph corresponding to the
  • an embodiment of the present disclosure provides a data processing apparatus, wherein at least one chart component has a subscription relationship with a first option of an option group, and at least one chart component is configured to respond to an operation of selecting the first option, to display items belonging to at least one The first chart of the chart component.
  • the at least one chart component has a subscription relationship with the second option of the option group, and the at least one chart component is further configured to display a second chart belonging to the at least one chart component in response to an operation of selecting the second option.
  • the first option is associated with a first chart in at least one chart component that has a subscription relationship with the first option
  • the second option is associated with a second chart in at least one chart component that has a subscription relationship with the second option.
  • the first chart in at least one chart component that has a subscription relationship with the first option can change with the change of the first option, and if the second option changes, it is related to the second option.
  • the second chart in the at least one chart component whose option has a subscription relationship can change with the change of the first option.
  • the visualization component of the option group is configured to publish a first event corresponding to a first option and a second event corresponding to a second option.
  • Each chart component is configured to listen to events (ie, the first event and the second event) published by the visualization components of the option group.
  • at least one chart component is configured to display a first chart in response to a first event; and, in response to a second event, to display a second chart.
  • the visualization component of the option group publishes the first event corresponding to the first option
  • all chart components will listen to the first event, but at least one chart component that has a subscription relationship with the first option will
  • interaction between the visualization component and the at least one chart component is enabled, for example, the visualization component and the at least one chart component can transmit parameter information related to the first option through the event bus, and the at least one chart component can be based on the first option.
  • Corresponding operations are performed on the parameter information related to an option, so that the first chart in the at least one chart component is displayed, for example, the first chart is displayed on the first interface.
  • the chart in the chart component that does not have a subscription relationship with the first option will not be displayed on the first interface.
  • the visualization component of the option group publishes the second event corresponding to the second option, all chart components will listen to the second event, but at least one chart component that has a subscription relationship with the second option will respond to
  • the second event enables interaction between the visualization component and the at least one chart component.
  • the visualization component and the at least one chart component can transmit parameter information related to the second option through the event bus, and the at least one chart component can communicate with the second option.
  • Corresponding operations are performed on the relevant parameter information, so that the second chart in the at least one chart component is displayed, for example, the second chart is displayed on the second interface. Since the chart component that does not have a subscription relationship with the second option will not respond to the second event, the chart in the chart component that does not have a subscription relationship with the second option will not be displayed on the second interface.
  • the visualization component of the option group is one visualization component.
  • the first option and the second option belong to the same visualization component.
  • the attribute information of the first option and the second option is the same as the corresponding data source, but the data content displayed by each is different.
  • the visualization components of the option group are multiple visualization components.
  • the plurality of visualization components 700 include a first visualization component 710 and a second visualization component 720 .
  • the first visualization component is configured to publish the first event corresponding to the first option.
  • the second visualization component is configured to publish a second event corresponding to the second option.
  • the first option and the second option belong to different visualization components respectively, and the attribute information or the corresponding data sources of the first option and the second option are different.
  • the first option belongs to the first visualization component
  • the second option belongs to the second visualization component.
  • at least one chart component has a subscription relationship with the first visualization component
  • at least one chart component has a subscription relationship with the second visualization component. In this way, interaction is realized between at least one chart component and the first visualization component, and interaction between at least one chart component and the second visualization component is realized.
  • the at least one chart component is a chart component.
  • the first chart and the second chart may belong to the same chart component; for example, the chart type, attribute information or corresponding data source of the first chart and the second chart are the same, but the data they use in rendering are different.
  • the at least one chart component is a plurality of chart components.
  • the plurality of chart components 600 includes a first chart component 610 and a second chart component 620 .
  • the first chart component is configured to display the first chart in response to the first event.
  • the second chart component is configured to display the second chart in response to the second event.
  • the first chart component has a subscription relationship with the visualization component of the option group
  • the second chart component has a subscription relationship with the visualization component of the option group. In this way, the interaction between the first chart component and the visualization component of the option group is realized, and the interaction between the second chart component and the visualization component of the option group is realized.
  • the visualization components of the option group are multiple visualization components
  • the multiple visualization components include a first visualization component and a second visualization component
  • the first chart component has a subscription relationship with the first visualization component
  • the second chart component has a subscription relationship.
  • the at least one chart component includes a first chart component and a second chart component.
  • the first chart component is configured to set the corresponding item in the first chart component as the first option, so that the first chart component has a subscription relationship with the first option.
  • the second chart component is configured to set the corresponding item in the second chart component as the second option, so that the second chart component has a subscription relationship with the second option.
  • the corresponding item in the first chart component 610 is set as the first option, for example, set as the corresponding value menu1 of the first option, so that the first option has a subscription relationship with the first chart component, so that belonging to The first chart of the first chart component may be associated with the first option.
  • the first chart component may cause the first chart to be displayed.
  • the corresponding item in the second chart component 620 is set as the second option, for example, the corresponding value menu2 of the second option, so that the second option has a subscription relationship with the second chart component.
  • the second chart may be associated with the second option, and with reference to FIG. 13C, in the event that the visualization component publishes a second event corresponding to the second option, the second chart component may cause the second chart to be displayed.
  • the corresponding value of the first option may be the name or creation order of the first option
  • the corresponding value of the second option may be the name or creation order of the second option.
  • the corresponding value of the first option may be menu1
  • the corresponding value of the second option corresponding to the second option may be menu2.
  • the corresponding item of is set to menu1, and the corresponding item of the second chart is set to menu2, so that the first chart is associated with the first option, and the second chart is associated with the second option.
  • the visualization component of the option group includes a first data item and a second data item corresponding to the first data item.
  • the first data item is configured to distinguish the first option from the second option.
  • the first data item in the data items of the option group is bound to the variable name.
  • option A in the option group is displayed as the first scene
  • option B is displayed as the second scene
  • the second data item is bound to the variable id
  • the data corresponding to option A is the data whose variable name is the variable id corresponding to the first scene
  • the data corresponding to option B is the variable name is the first The data of the variable id corresponding to the second scene.
  • the first data item in the option group may be used to identify the option group; for example, the first data item in the option group is displayed on the interface, and the second data item is not displayed on the interface.
  • the content of the first data item of different options in the option group is different.
  • the first data item of the first option may be the first scene, and the first data item of the second option may be the second scene; for example, in the case where the option group is a title menu , the first data item of the first option may be personnel vehicles, and the first data item of the second option may be comprehensive security; for example, in the case where the option group is a chart, the first data item corresponding to the first option may be The first chart field of the chart, where the first chart field represents the first category, and the first data line corresponding to the second option may be the second chart field in the chart, where the second chart field represents the second category.
  • At least one chart component is a chart component.
  • the chart component includes at least two third data items.
  • the chart component is configured to map at least one third data item in the chart component to a second data item corresponding to the first option, so that there is a subscription relationship between the chart component and the first option;
  • the three data items are mapped to the second data item corresponding to the second option, so that the chart component has a subscription relationship with the second option.
  • At least one third data item in the chart component is mapped to the second data item corresponding to the first option, so that the chart component is associated with the first option, and the data corresponding to the second data item corresponding to the first option can be It is transmitted to at least one third data item in the chart component, and the chart component can render the first chart according to the received data corresponding to the second data item corresponding to the first option, and display the first chart. At this time, the first chart is displayed.
  • the data corresponding to the chart is related to the data corresponding to the second data item corresponding to the first option; at least one third data item in the chart component is mapped to the second data item corresponding to the second option, so that the chart component is associated with the second option, And the data corresponding to the second data item corresponding to the second option can be transmitted to at least one third data item in the chart component, and the chart component can render the second data item according to the received data corresponding to the second data item corresponding to the second option.
  • the chart is displayed, and the second chart is displayed. At this time, the data corresponding to the second chart is related to the data corresponding to the second data item corresponding to the second option.
  • the data corresponding to the first chart will also change accordingly, enabling interaction between the first option and the first chart; If the data corresponding to the second data item corresponding to the second option changes, the data corresponding to the second chart also changes correspondingly, so that the interaction between the first option and the second chart is realized.
  • the first option or the second option can pass parameters to the associated chart component, and the data content presented by the chart component will occur. Corresponding changes, so that users can get the latest data.
  • the visualization component of the option group is further configured to obtain data in the data source and bind the first variable in the data source with the second data item.
  • the chart component is configured to bind the at least one third data item in the chart component with the second variable to map the at least one third data item to the second data item.
  • the data sources may include: dynamic data sources and static data sources; wherein, the data in the dynamic data sources may change in real time, and the data in the static data sources may be fixed.
  • dynamic data sources include: data obtained through an API (Application Programming Interface), and data obtained by accessing a database through a programming language (such as SQL (Structured Query Language));
  • static data Sources include: data from preconfigured CSV (Comma-Separated Values, comma-separated values) files, and custom data (such as data entered manually by the user).
  • the second data item is bound to the first variable (refer to the variable id in FIG. 14B ) in the data source corresponding to the second data item, so that the data corresponding to the second data item is corresponding to the second data item.
  • the first variable in the data source corresponding to the second data item is bound to the second variable (refer to the variable val in FIG. 14D ), so that the data represented by the second variable is the data corresponding to the second data item
  • the data received by at least one third data item bound to the second variable in the chart component is the same, and the data received by at least one third data item bound to the second variable in the chart component is the second variable
  • the corresponding data are all data represented by the first variable in the database corresponding to the second data item.
  • the third data item in the chart component is the third variable in the data source corresponding to the third data item ( Referring to the variable x_size) binding in FIG. 15A , at this time, the data corresponding to the third data item is the data represented by the third variable in the data source corresponding to the third data item.
  • the third variable corresponding to the third data item may be bound to the second variable, and at this time, the third data item is bound to the second variable , so that the data corresponding to the third data item is the data represented by the second variable, that is, the data represented by the first variable in the data source corresponding to the second data item.
  • the option group that is, the visualization component of the option group
  • the data content of the chart component is also switched accordingly.
  • the name of the second variable may be user-defined or pre-configured, which is not limited herein.
  • a database can be used as a data source, and the data source includes a first variable; a field mapping is established between the second data item and the first variable, so that the second data item corresponds to the data corresponding to the second data item. The first variable binding in the source.
  • data in the database can be obtained through SQL.
  • the acquired database may include a plurality of variables, and the second data item may be bound to one of the plurality of variables.
  • the first data item and the second data item in the visualization component of the option group belong to the same data source.
  • the first option can be bound to a variable in the data source, and the data corresponding to the first data item is data corresponding to a variable to which it is bound.
  • the variables in the data source bound to the first data item are associated with the variables in the data source bound to the second data item.
  • the first data item represents the category
  • the second data item represents the data content (such as numerical value) corresponding to the category
  • the data source corresponding to the visualization component of the option group includes two variables, namely name and id
  • the first A data item can be bound to one of the two variables
  • a second data item can be bound to the other of the two variables, for example, the first data item is bound to the variable name
  • the second data item is bound to the variable name.
  • variable id the data corresponding to the first data item is the data corresponding to the variable name
  • the data corresponding to the second data item is the data corresponding to the variable id
  • the variable id is the first variable.
  • the data corresponding to the first data item can be displayed on the interface displaying the option group, that is, the data corresponding to the variable name can be displayed to distinguish different options in the option group; for example, the data in the variable name includes the first scene and the second scene, the data of the first data item of the option group is the first scene and the second scene, and the first option and the second option of the option group can be distinguished; for example, the first option of the option group is the first option. scene, the second option is the second scene.
  • the number of options in the option group may be related to the data corresponding to the first data item; for example, the number of data corresponding to the first data item is related to the number of options in the option group, for example, the two are equal.
  • the data source obtained by the chart component may be a database, and the data source includes a third variable; a field mapping is established between at least one third data item and the third variable, for example, at least one third data item is associated with the third variable x_size.
  • a field mapping is established so that at least one third data item is bound to a third variable.
  • the data corresponding to the at least one third data item is data represented by the third variable.
  • the first option in the option group when the first option in the option group is selected and the second option in the option group is not selected, the first option in the option group triggers an interaction event, and the chart component bound to the second variable can listen to To this event, the data corresponding to at least one third data item in the chart component bound to the second variable can be the data corresponding to the second data item corresponding to the first option;
  • the second option in the option group triggers an interaction event, and the chart component bound to the second variable can listen to the event, so that at least one of the chart components bound to the second variable can listen to the event.
  • the data corresponding to a third data item may be data corresponding to a second data item corresponding to the second option.
  • the first chart and the second option ie the first scene displayed under the first option (ie the first scene)
  • the data content of the second chart displayed under the second scenario is different, and the communication between the option group (that is, the visualization component of the option group) and the chart component can be realized, so that the parameter transfer between the option group and the chart component can realize the data transfer. Switch in real time.
  • the chart component is configured to bind at least one third data item in the chart component to a placeholder written to the second data item to map the at least one third data item to the second data item.
  • the placeholder for writing the second data item may be represented as $ ⁇ value ⁇ .
  • At least one third data item can be mapped to the second data item.
  • the visualization component and the chart component communicate or interact, the visualization component publishes the event corresponding to the second data item, and the chart component can monitor the publishing event corresponding to the second data item of the visualization component.
  • the data corresponding to the item may be transmitted to at least one third data item in the chart component bound to the placeholder written to the second data item.
  • data transfer between different components can be carried out through the event bus principle, that is, one component (ie, the event publisher)
  • the data corresponding to the component is sent to other components (ie event receivers) through the event bus, so as to realize the interaction or communication between the components (for example, one-to-one or one-to-many).
  • other components will respond to the event value delivered by the event bus and take corresponding actions.
  • the chart component will respond to the event bus delivery. data, re-render the chart to get the updated chart.
  • the at least one chart component is further configured to update at least one of the first chart and the second chart every preset time.
  • at least one of the first chart and the second chart re-acquires data every preset time, so that at least one third data item corresponding to the updated chart receives the second data item of the visualization component of the option group every preset time
  • the data transmitted by the data item update the data content in the chart once.
  • the preset time may also be the refresh frequency.
  • the graphs shown in part (A) in FIG. 18B are obtained after an interval of 3 seconds to obtain the graphs shown in part (B) in FIG. 10 , and the data contents of the two graphs have changed.
  • the preset time can be designed according to the actual situation, which is not limited here.
  • the preset time can be 3 seconds, 5 seconds, or 7 seconds.
  • Embodiments of the present disclosure provide a data processing method.
  • This data processing method can be applied to the above-mentioned data processing apparatus.
  • the processing result obtained by the data processing apparatus through the data processing method may be presented in the form of a 3D model on the display apparatus.
  • the data processing methods include:
  • a first interface including an option group is displayed.
  • the option group includes a first option and a second option.
  • the first option is in a selected state, and the second option is in a non-selected state.
  • the first interface further includes: the first option corresponds to 's first chart.
  • a second interface including the option group is displayed.
  • the first option is in a non-selected state
  • the second option is in a selected state
  • the second interface Also included: a second chart corresponding to the second option.
  • the graphs herein may include graphs of 2D models or graphs of 3D models; for example, graphs may include line graphs, bar graphs, column graphs, column graphs, scatter graphs, maps, treemaps, radar graphs , pie chart, sunburst chart, heat map, water level chart, arc column chart and other types.
  • a chart may include a basic column chart (ie, a vertical column chart), a grouped column chart, a stacked column chart, a line grouped column chart, a line stacked column chart, and may also include a basic line chart (ie, a single-line chart), a multi-line chart, etc. type.
  • a diagram can include a diagram of a Unity model.
  • the first graph and the second graph may be the same type of graph.
  • the first option is in a selected state, and the second option is in a non-selected state.
  • the first chart corresponding to the first option is displayed; on the first interface, the second option in the option group is selected.
  • the operation may be to click the display content corresponding to the second option, for example, the display content may be a text or image that can represent the second option, at this time, the second interface is displayed; wherein, the second option is in the selected state, the first When an option is not selected, the second chart corresponding to the second option is displayed, and the first chart corresponding to the first option is not displayed.
  • the first option is displayed and the second option can be hidden; on the second interface, the second option is displayed and the first option can be hidden; or, on the first interface and the second interface, Both the first option and the second option are displayed.
  • the option in the selected state and the option in the non-selected state may have different display states. There is no specific limitation here, as long as the option in the selected state and the option in the non-selected state can be distinguished when displayed in the interface. For example, when one of the first and second options is selected, the selected option displays a font of a different size or color than the unselected option; or, the selected option displays a different name than the unselected option. The selected option is displayed with a different name; or, the selected option is displayed in a different size than the unselected option. In this way, the user can visually see the options in the selected state and the options in the non-selected state on the interface.
  • the option group may be a title menu, and both the first option and the second option are title options of the title menu.
  • the title menu may be presented in the form of a title bar in the interface.
  • the title options include personnel vehicles, comprehensive security, work order tasks or alarm management.
  • the personnel vehicle in the title option is selected, at this time, the first option is personnel vehicle, and the first interface F1 displays the chart corresponding to the personnel vehicle; for example, the chart under the title option of personnel vehicle
  • the chart under the title option of personnel vehicle It can include at least one graph, that is, at least one first graph, and at least one graph is used to represent the statistical results of the statistics of the number of people, the statistics of the number of vehicles, the visitor records, the statistics of parking spaces, the heat map of people, or the energy consumption of the dynamic ring, etc.; for example , with reference to Figure 5, in the second interface F2, the comprehensive security in the title option is in a selected state, at this time, the second option is comprehensive security, and the second interface F2 displays the chart corresponding to the comprehensive security; for example, in the title of the comprehensive security
  • the charts under the options may include at least one chart, that is, at least one second chart, and the at least one chart is respectively used to represent data statistics results such as material quantity statistics or security equipment status statistics.
  • the first option 101A is personnel vehicles
  • the second option 101B is comprehensive security.
  • the first option 101A is in a selected state
  • the second option 101B is in a non-selected state
  • the first chart displayed in the first interface F1 does not display the second chart.
  • the user can intuitively see the data related to the personnel and vehicles; in the second interface F2, the first option 101A is in a non-selected state, and the second option 101B is in the selected state, and the second interface F2 displays the second chart, but does not display the first chart.
  • the user can intuitively see the data related to comprehensive security.
  • the option group may include multiple options, one of the two options in the multiple options is used as the first option, and the other of the two options is used as the second option; wherein, the one of the first option and the second option can be switched or selected between.
  • the above-mentioned personnel vehicles can be regarded as the second option, and comprehensive security can be regarded as the first option; or, for example, referring to FIG. 8 and FIG. 9 , personnel vehicles can be regarded as the first option 101A, and alarm management can be regarded as the first option 101A The second option 101B; in the first interface F1 in FIG.
  • the personnel and vehicles are selected, and the alarm management is not selected, and information about the number of personnel, the number of vehicles, visitor records, parking space statistics, personnel heat map or dynamic information can be obtained.
  • the first chart of the data statistics results of ring energy consumption, etc.
  • the alarm management is in the selected state, and the personnel and vehicles are in the unselected state, and the statistics about the alarm type, the alarm state, and the number of alarms can be obtained.
  • the second graph of the statistical results of data such as alarm records.
  • the option group is a drop-down menu
  • the first option and the second option are both drop-down options of the drop-down menu.
  • the drop-down menu may be presented in the form of a drop-down box in the interface.
  • the pull-down options include a first scenario and a second scenario, wherein the first option 101A is the first scenario, the second option 101B is the second scenario, In this case, in the first interface F1 in FIG.
  • the first option 101A is in a selected state
  • the second option is in a non-selected state (for example, not displayed in the first interface)
  • the first chart displayed in the first interface is not The second chart is displayed, at this time, the user can intuitively see the data related to the first scene; in the second interface F2 in FIG. 7, the first option is in a non-selected state (for example, it is not displayed in the second interface), the second option 101B is in the selected state, and the second interface displays the second graph, but does not display the first graph. At this time, the user can intuitively see the data related to the second scene.
  • the chart types in different drop-down options may be the same, but the data content reflected by the charts may be different.
  • the first chart and the second chart may be the same type of chart; if the data related to the first scenario and the data related to the second scenario are different, the data represented by the first chart and the second chart are different .
  • both the first graph and the second graph are ring graphs, but the data of the first graph in FIG. 6 and the second graph in FIG. 7 are different.
  • the option group is a chart
  • both the first option and the second option are chart fields of the chart.
  • the chart includes a first chart field and a second chart field
  • the first option is the first chart field
  • the second option is the second chart field.
  • the first chart field and the second chart field may be different chart fields, or are the same chart fields.
  • the chart field corresponds to each part (ie, the sector) in the pie chart.
  • the first chart field of the pie chart corresponding to the first option Corresponding to part A of the pie chart
  • the second chart field of the pie chart corresponding to the second option corresponds to part B of the pie chart.
  • the first option is selected, the second option is not selected, and the first chart displayed on the first interface does not display the second chart.
  • the user can intuitively see the first chart.
  • option-related data in the second interface, the first option is unselected, the second option is selected, the second interface displays the second chart, but the first chart is not displayed, at this time, the user can intuitively see the second option related data.
  • the chart of the option group is a pie chart
  • the first chart field corresponds to the A part of the pie chart, that is, the first option is the A part of the pie chart
  • the second chart field corresponds to the pie chart In part B, that is, the second option is part B in the pie chart.
  • the first option is selected and the second option is not selected, corresponding to the displayed first chart, the The first chart is a line chart; with reference to part (B) in FIG. 10 , the second option is selected and the first option is not selected, corresponding to the displayed second chart, which is also a line chart, and the second chart corresponds to The data is different from the data corresponding to the first graph.
  • the first chart and the second chart may be the same type of chart or different types of charts; the data represented by the first chart and the second chart may be different or the same; The situation is not limited here.
  • option groups are not limited in the text, and can be set according to actual conditions.
  • multiple option groups may be displayed on the same interface.
  • the multiple option groups include a first option group and a second option group.
  • the first chart displayed on the first interface may correspond to the first option and the first option selected in the first option group, respectively
  • the second chart displayed on the second interface may correspond to the second option and the first option respectively.
  • the plurality of option groups include at least two of drop-down menus, header menus, and charts.
  • the drop-down menu is used as the first option group
  • the title menu is used as the second option group
  • one drop-down option in the fixed drop-down menu for example, the first scene
  • the title option in the title menu is used as the option group 101
  • the first interface F1 can display a first graph corresponding to personnel vehicles and the first scene
  • a second chart corresponding to the alarm management and the first scenario may be displayed on the second interface F2.
  • the title menu is used as the first option group
  • the drop-down menu is used as the second option group
  • the drop-down option in the pull-down menu is used as the option group 101.
  • the first option 101A and the second option 101B for example, the first scene is used as the first option 101A, and the second scene is used as the second option 101B, so that the first interface F1 can display the first scene and comprehensive security corresponding to the first option 101A.
  • Chart, on the second interface F2, a second chart corresponding to the second scene and comprehensive security can be displayed.
  • an embodiment of the present disclosure provides a data processing method, in which the first option is in a selected state, the second option is in a non-selected state in a first interface, and a first chart corresponding to the first option is displayed on the first interface.
  • a second interface including the option group is displayed, in the second interface, the first option is in a non-selected state, the second option is in a selected state, and in the second The interface displays a second graph corresponding to the second option.
  • the first option is associated with the first chart
  • the second option is associated with the second chart
  • the first chart can change with the first option
  • the second chart can change with the change of the first option.
  • the data processing method before displaying the first interface of the option group, includes: setting the correspondence between the first option and the first chart, and the correspondence between the second option and the second chart.
  • the first chart can be associated with the first option
  • the second chart can be associated with the second option, so that when the first option and the second option in the option group are switched, the first chart and the second option
  • the chart is also switched to show or hide on the interface.
  • setting the correspondence between the first option and the first chart, and the correspondence between the second option and the second chart includes: setting the corresponding item of the first chart as the first option; setting the corresponding item of the second chart Set as the second option.
  • setting the first chart set the properties of the first chart, set the corresponding item of the first chart to the corresponding value of the first option, the corresponding value of the first option can represent the first option;
  • select the second chart set the first option
  • the attribute of the second chart, the corresponding item of the second chart is set as the corresponding value of the second option, and the corresponding value of the second option can represent the second option.
  • the corresponding value of the first option may be the name or creation order of the first option
  • the corresponding value of the second option may be the name or creation order of the second option.
  • the corresponding value of the first option corresponding to the first option may be menu1
  • the corresponding value of the second option corresponding to the second option may be menu2.
  • the corresponding item of is set to menu1
  • the corresponding item of the second chart is set to menu2, so that the first chart is associated with the first option, and the second chart is associated with the second option.
  • setting the corresponding relationship between the first option and the first chart and the corresponding relationship between the second option and the second chart includes: in response to the first operation on the third interface, setting the corresponding item of the first chart is the first option; in response to the second operation on the third interface, the corresponding item of the second chart is set as the second option.
  • the first chart 201 is selected, the third interface F3 includes the corresponding item input box 501 of the first chart 201, and the corresponding value of the first option is input in the corresponding item input box 501 of the first chart 201 , the corresponding item of the first chart 201 can be set as the first option.
  • the first operation may be to input the corresponding value menu1 of the first option 101A (eg, personnel vehicle) in the corresponding item input box 501 of the first chart 201 .
  • the first operation may be to input the corresponding value menu1 of the first option 101A (eg, personnel vehicle) in the corresponding item input box 501 of the first chart 201 .
  • the first chart 202 is selected, the third interface F3 includes the corresponding item input box 502 of the second chart 202 , and the corresponding value of the second option is input in the corresponding item input box 502 of the second chart 202 , the corresponding item of the second chart 202 can be set as the second option.
  • the second operation may be to input the corresponding value menu2 of the second option 101B (eg, comprehensive security) in the corresponding item input box 502 of the second chart 202 .
  • the first chart 202 is selected, the third interface F3 includes the corresponding item input box 502 of the second chart 202, and the corresponding value of the second option is input in the corresponding item input box 502 of the second chart 202 , the corresponding item of the second chart 202 can be set as the second option.
  • the second operation may be to enter the corresponding value menu4 of the second option 101B (eg, alarm management) in the corresponding item input box 502 of the second chart 202 .
  • the option group 101 includes four options, and the four options are personnel vehicle, comprehensive security, work order task and alarm management, personnel vehicle, comprehensive security, work order task and alarm management. Create them in sequence, so that the corresponding value of personnel and vehicles can be menu1, the corresponding value of comprehensive security can be menu2, the corresponding value of work order task can be menu3, and the corresponding value of alarm management can be menu4.
  • a corresponding value for each option is associated with that option.
  • the first chart is configured with the corresponding values of the first option
  • the second chart is configured with the corresponding values of the second option.
  • the release event (emit event) of the corresponding item of the first option is enabled at this time, and the first chart and the second chart listen to this event, because the first chart is configured with the corresponding item of the first option. (for example, the corresponding value), the second chart is not configured with the corresponding item (for example, the corresponding value) of the first option. Therefore, the first chart is displayed, but the second chart is not displayed; if the second option is selected, the second option is enabled at this time.
  • the release event of the corresponding item, the first chart and the second chart listen to the event (on event), since the second chart is configured with the corresponding item (for example, the corresponding value) of the second option, the first chart is not configured with the corresponding item of the second option (eg corresponding values), therefore, the second graph is displayed and the first graph is not displayed. In this way, interaction between options and charts can be achieved.
  • the properties of the chart can be set, for example, the abscissa, ordinate, width, height, background, background image of the chart, etc.
  • the background can be the default background, and the background image can be Access the image address or click or drag the image to the specified location to set the method.
  • the icon of the option can also be designed, and the icon can be set by clicking or dragging the picture to the specified position, so that each option in the option group can display the corresponding icon.
  • the data processing method further includes: displaying a third interface.
  • the third interface includes the first graph or a related graph of the first graph, and the second graph or a related graph of the second graph.
  • the associated graph of the first graph and the first graph belong to the first graph component, and the associated graph of the second graph and the second graph belong to the second graph component.
  • a component is an independent and reusable individual instance, and its essence is the encapsulation of static or dynamic or a series of logic.
  • the component may include attribute information of the component and a method for implementing a preset function.
  • the attribute information may include the access object of the component's data, such as attributes such as width and height, and the preset function may include the function that the component can implement.
  • the method for implementing the preset function may be expressed in the form of a function.
  • a component can be used as the data of the component and the encapsulation of the function of the component, which can be reused and can interact with other components.
  • each chart belonging to the same chart component is of the same chart type, for example, the first chart and the associated chart of the first chart are of the same chart type, that is, the same chart is displayed on the interface (eg, the first interface) type of chart, for example, the first chart and the associated chart of the first chart are displayed as vertical bar charts; the second chart and the associated chart of the second chart are of the same chart type, that is, on the interface (eg, the second interface) Displays charts of the same chart type, for example, the second chart and the second chart's associated chart is a horizontal bar chart.
  • the data content displayed by each chart belonging to the same chart component may be different; for example, the data displayed by the first chart and the data displayed by the associated chart of the first chart may be different, for example, the associated chart of the first chart may be different.
  • the associated graph of the second graph may be the second graph in the initial state, that is, the graph displayed when the second graph has not been configured may be the associated graph of the second graph.
  • the chart components can be chart components in ECharts or other chart libraries.
  • setting the corresponding relationship between the first option and the first chart and the corresponding relationship between the second option and the second chart includes: receiving an operation of selecting the first chart or an associated chart of the first chart in the third interface , and set the corresponding item in the first chart component as the first option; receive the operation of selecting the second chart or the associated chart of the second chart in the third interface, and set the corresponding item in the second chart component as the first option Second option.
  • the third interface F3 select the first chart or the associated chart of the first chart, and set the corresponding item in the first chart component 610 as the first option menu1, so that the first chart belongs to the first chart.
  • the first graph of the component and the associated graph of the first graph may be associated with the first option, and referring to FIG. 13C , if the first option is selected, the first graph or the associated graph of the first graph may be displayed.
  • FIG. 13B in the third interface F3, select the second chart or the associated chart of the second chart, and set the corresponding item in the second chart component 620 to the second option menu2, so that the second chart belonging to the second chart component
  • the associated graph with the second graph may be associated with the second option.
  • the second graph or the associated graph of the second graph may be displayed.
  • the corresponding item in a chart component is set as an option, and all charts in the chart component correspond to the one option, that is, when the one option is selected, at least one chart in the chart component can be displayed .
  • the corresponding item setting bar of the chart component may be displayed, and the corresponding item setting bar includes: Allow the corresponding switch item (for example, the slide switch at "correspondence" in Figure 13A and Figure 13B ) and the corresponding item input box (for example, at the "corresponding item” in Figure 13A and Figure 13B ), enable the corresponding switch item, and Enter the corresponding value of an option in the corresponding item input box, so that the chart component is configured with the corresponding value of the option.
  • each chart component can listen to the event, and the chart component configured with the corresponding value of this option will respond to the information corresponding to the publishing event and display it, for example, after selecting this option , the chart component configured with the corresponding value of the option can be displayed, thereby realizing the interaction between the option and the chart component.
  • setting the corresponding relationship between the first option and the first chart and the corresponding relationship between the second option and the second chart includes:
  • the data item of the configuration option group includes a first data item and a second data item corresponding to the first data item, and the first data item is configured to distinguish the first option from the second option.
  • the first data item in the data items of the option group is bound to the variable name.
  • option A in the option group is displayed as the first scene
  • option B is displayed as the second scene
  • the The second data item is bound to the variable id
  • the data corresponding to option A is the data whose variable name is the variable id corresponding to the first scene
  • the data corresponding to option B is the variable name is the first
  • the first data item in the option group may be used to identify the option group; for example, the first data item in the option group is displayed on the interface, and the second data item is not displayed on the interface.
  • the content of the first data item of different options in the option group is different.
  • the first data item of the first option may be the first scene, and the first data item of the second option may be the second scene; for example, in the case where the option group is a title menu , the first data item of the first option may be personnel vehicles, and the first data item of the second option may be comprehensive security; for example, in the case where the option group is a chart, the first data item corresponding to the first option may be The first chart field of the chart, where the first chart field represents the first category, and the first data line corresponding to the second option may be the second chart field in the chart, where the second chart field represents the second category.
  • a third graph is created, the third graph including at least two third data items.
  • the third chart 203 is selected on the third interface F3, and the third data item of the third chart 203 can be set.
  • the third graph may be a graph in which the first graph or the second graph is in an initial state.
  • the at least two third data items in the third chart may represent data of the third chart.
  • at least two third data items in a third chart eg, a chart including a bar chart, a line chart, etc. with horizontal and vertical axes
  • At least one third data item in the third chart is mapped to the second data item corresponding to the first option, so that the third chart is associated with the first option, and the second data item corresponding to the first option corresponds to The data can be transmitted to at least one third data item in the third chart.
  • the data corresponding to the first chart is related to the data corresponding to the second data item corresponding to the first option; the at least one third data item in the third chart is mapped to the second data item corresponding to the second option, so that the third chart is associated with the second option, and the data corresponding to the second data item corresponding to the second option can be transmitted to at least one third data item in the third chart, this , the data corresponding to the second chart is related to the data corresponding to the second data item corresponding to the second option.
  • the data corresponding to the first chart will also change accordingly, enabling interaction between the first option and the first chart; If the data corresponding to the second data item corresponding to the second option changes, the data corresponding to the second chart also changes correspondingly, so that the interaction between the second option and the second chart is realized.
  • setting the corresponding relationship between the first option and the first chart and the corresponding relationship between the second option and the second chart includes:
  • a visualization component of the option group is configured, where the visualization component includes a first data item and a second data item corresponding to the first data item, and the first data item is configured to distinguish the first option and the second option.
  • the chart component includes at least two third data items, so as to map at least one third data item in the chart component to the second data item, and at least one third data item in the chart component is mapped to the corresponding first option
  • the displayed graph is the first graph; in the case that at least one third data item in the graph component is mapped to the second data item corresponding to the second option, the displayed graph is the second graph.
  • the visualization component of the option group may include attribute information of the option group and a method for implementing a preset function.
  • the attribute information may include the access objects of the data of the option group, such as attributes such as width and height
  • the preset function may include the functions that the option group can implement.
  • the method for implementing the preset function may be in the form of a function express.
  • the visual components of the option group can be used as the data of the option group and the encapsulation body that can realize the function, which can be reused and can interact with other components.
  • the visualization components of the multiple option groups may be displayed on the sixth interface F6, and at least one may be selected from the visualization components of the multiple option groups, drag and drop. to the interface.
  • the first data item in the visualization component may be used to identify the visualization component; for example, the first data item in the visualization component is displayed on the interface, and the second data item is not displayed on the interface.
  • the content of the first data item is different for different options in the visualization component.
  • setting the corresponding relationship between the first option and the first chart and the corresponding relationship between the second option and the second chart includes:
  • a fourth interface is displayed, and the fourth interface includes an option group in an initial state.
  • an option group is selected in the selection box of the option group.
  • the selection box of the option group can be displayed on the sixth interface F6, and the selected option group is dragged to obtain the options of the initial state.
  • group for example, the option group in the initial state corresponding to the first visualization component 710 or the option group in the initial state corresponding to the second visualization component 720 displayed on the fourth interface F4 in FIG. 14A .
  • each data item of the option group in the initial state may be empty, or all are initial default values.
  • the visualization component includes the first data item and the second data item corresponding to the first data item, and the first data item is Configured to distinguish between the first option and the second option.
  • select the option group in the initial state on the fourth interface F4 obtain the data source corresponding to the option group, and bind the first data item to a variable in the data source corresponding to the option group.
  • the data source corresponding to the option group includes variables name and id, bind the first data item to the variable name, and bind the second data item to the variable name.
  • the data item is bound to the variable id, so that the data corresponding to the first data item is the data corresponding to the variable name in the data source, and the data corresponding to the second data item is the data corresponding to the variable id in the data source.
  • a fifth interface is displayed, and the fifth interface includes a third graph.
  • the chart component to which the third chart belongs is selected in the chart component library, and dragged to the fifth interface to obtain the third chart.
  • the third chart has not been configured yet, for example, the third chart is in an initialized state.
  • a plurality of chart components may be displayed on the seventh interface F7, and a selection may be made from a plurality of chart components, for example, one chart component (eg, the first chart component 610 ) and another chart component (eg, the second chart) component 620), the selected chart component can be dragged on the interface and moved to an appropriate position to obtain a third chart.
  • the chart component includes at least two third data items, so that at least one third data item in the chart component is mapped to the second data item, and at least one third data item in the chart component is mapped to
  • the displayed graph is the first graph; in the case where at least one third data item in the graph component is mapped to the second data item corresponding to the second option, the displayed graph is Second chart.
  • the chart component of the third chart 203 is configured to map at least one third data item (ie, third data item 2 ) to the second data item, such that at least one third data item maps In the case of the second data item corresponding to the first option, the first option is selected, and the third chart is rendered to obtain the first chart; in the case where at least one third data item is mapped to the second data item corresponding to the second option, Select the second option, the third chart is rendered to get the second chart.
  • third data item ie, third data item 2
  • At least one third data item in the chart component is mapped to the second data item corresponding to the first option, so that the chart component is associated with the first option, and the data corresponding to the second data item corresponding to the first option can be It is transmitted to at least one third data item in the chart component, and the chart component can render the first chart according to the received data corresponding to the second data item corresponding to the first option, and display the first chart.
  • the data corresponding to the chart is related to the data corresponding to the second data item corresponding to the first option; at least one third data item in the chart component is mapped to the second data item corresponding to the second option, so that the chart component is associated with the second option, And the data corresponding to the second data item corresponding to the second option can be transmitted to at least one third data item in the chart component, and the chart component can render the second data item according to the received data corresponding to the second data item corresponding to the second option.
  • the chart is displayed, and the second chart is displayed. At this time, the data corresponding to the second chart is related to the data corresponding to the second data item corresponding to the second option.
  • the data corresponding to the first chart will also change accordingly, enabling interaction between the first option and the first chart; If the data corresponding to the second data item corresponding to the second option changes, the data corresponding to the second chart also changes correspondingly, so that the interaction between the first option and the second chart is realized.
  • the first option or the second option can pass parameters to the associated chart component, and the data content presented by the chart component will occur. Corresponding changes, so that users can get the latest data.
  • mapping at least one third data item in the chart component to the second data item includes: binding the first variable in the data source corresponding to the second data item with the second variable; The third data item is bound to the second variable.
  • the data source refers to the database or database server used by the database application, and is the device or original media that provides data. All information for establishing database connections is stored in the data source.
  • the data sources may include: dynamic data sources and static data sources; wherein, the data in the dynamic data sources may change in real time, and the data in the static data sources may be fixed.
  • dynamic data sources include: data obtained through API (Application Programming Interface), data obtained from application systems or databases; or, access through programming languages (such as SQL (Structured Query Language)) data obtained from the database.
  • the static data source includes: data from a pre-configured CSV (Comma-Separated Values, comma-separated value) file, or, custom data (such as data entered by a user).
  • the second data item is bound to the first variable (refer to the variable id in FIG. 14B ) in the data source corresponding to the second data item, so that the data corresponding to the second data item is corresponding to the second data item.
  • the first variable in the data source corresponding to the second data item is bound to the second variable (refer to the variable val in FIG. 14D ), so that the data represented by the second variable is the data corresponding to the second data item
  • the data received by at least one third data item bound to the second variable in the chart component is the same, and the data received by at least one third data item bound to the second variable in the chart component is the second variable
  • the corresponding data are all data represented by the first variable in the database corresponding to the second data item.
  • the third data item in the chart component is the third variable in the data source corresponding to the third data item ( Referring to the variable x_size) binding in FIG. 15A , at this time, the data corresponding to the third data item is the data represented by the third variable in the data source corresponding to the third data item.
  • the third variable corresponding to the third data item may be bound to the second variable, and at this time, the third data item is bound to the second variable , so that the data corresponding to the third data item is the data represented by the second variable, that is, the data represented by the first variable in the data source corresponding to the second data item.
  • the option group that is, the visualization component of the option group
  • the data content of the chart component is also switched accordingly.
  • binding the first variable in the data source corresponding to the second data item with the second variable includes: receiving the second variable input by the user in the binding input box of the second data item, so that the second The first variable in the data source corresponding to the data item is bound to the second variable entered in the binding input box.
  • the eighth interface F8 in the binding input box of the second data item (eg "Bind to variable" in Fig. 14D), input the variable name of the second variable, such as input val, The first variable in the data source corresponding to the second data item is bound to the second variable val entered in the binding input box.
  • the eighth interface and the fourth interface may be the same interface.
  • the name of the second variable may be user-defined, which is not limited here. For example, select the visualization component of the option group, and set the data source corresponding to the visualization component of the option group in the data selection column corresponding to the visualization component of the option group (for example, as shown in FIG. 14A ), that is, the data source corresponding to the second data item,
  • the type of data source can be selected in the data selection column corresponding to the visualization component of the option group.
  • the database can be selected as the data source, and the selected data source contains the first variable; the second data item and the first variable are established as fields Mapping, for example, inputting a first variable, such as an id, in the field mapping input box corresponding to the second data item (for example, as shown in FIG. 14A ), so that the second data item is the first variable in the data source corresponding to the second data item variable binding.
  • the data in the database can be obtained through SQL, or the data can be previewed on the interface; for example, click "Get Data” to obtain the data in the database, click "Preview Data", Display the acquired data on the interface.
  • the acquired database may include multiple variables, and one of the multiple variables (ie, the first variable) may be input in the field mapping input box corresponding to the second data item, so that the second data item is bound to the input variable Certainly.
  • the first data item and the second data item in the visualization component of the option group belong to the same data source.
  • the first data item may be configured, for example, one variable among multiple variables is entered in the field mapping input box corresponding to the first data item, so that the first option Binding to an input variable, the data corresponding to the first data item is the data corresponding to the input variable.
  • the variables in the data source bound to the first data item are associated with the variables in the data source bound to the second data item.
  • the first data item represents the category
  • the second data item represents the data content (such as numerical value) corresponding to the category
  • the data source corresponding to the visualization component of the option group includes two variables, namely name and id
  • the first The data item can be bound to one of the two variables
  • the second data item can be bound to the other of the two variables.
  • enter name in the field mapping input box corresponding to the first data item and enter the Enter the id in the field mapping input box corresponding to the second data item.
  • the data corresponding to the first data item is the data corresponding to the variable name
  • the data corresponding to the second data item is the data corresponding to the variable id
  • the variable id is the first variable.
  • the data corresponding to the first data item can be displayed on the interface displaying the option group, that is, the data corresponding to the variable name can be displayed to distinguish different options in the option group; for example, the data in the variable name includes the first scene and the second scene, the data of the first data item of the option group is the first scene and the second scene, and the first option and the second option of the option group can be distinguished; for example, the first option of the option group is the first option. scene, the second option is the second scene.
  • the number of options in the option group may be related to the data corresponding to the first data item; for example, the number of data corresponding to the first data item is related to the number of options in the option group, for example, the two are equal.
  • the data selection column corresponding to the chart component set the data source corresponding to the chart component.
  • you can select the database as the data source select The data source contains a third variable; establish a field mapping between at least one third data item and the third variable, for example, enter the third variable (for example, the variable in FIG. 15A ) in the field mapping input box corresponding to the at least one third data item x_size), so that at least one third data item is bound to a third variable, and in this case, the data corresponding to the at least one third data item is data represented by the third variable.
  • the first option in the option group when the first option in the option group is selected and the second option in the option group is not selected, the first option in the option group triggers an interaction event, and the chart component bound to the second variable can listen to To this event, the data corresponding to at least one third data item in the chart component bound to the second variable can be the data corresponding to the second data item corresponding to the first option;
  • the second option in the option group triggers an interaction event, and the chart component bound to the second variable can listen to the event, so that at least one of the chart components bound to the second variable can listen to the event.
  • the data corresponding to a third data item may be data corresponding to a second data item corresponding to the second option.
  • the first chart and the second option ie the first scene displayed under the first option (ie the first scene)
  • the data content of the second chart displayed under the second scenario is different, and the communication between the option group (that is, the visualization component of the option group) and the chart component can be realized, so that the parameter transfer between the option group and the chart component can realize the data transfer. Switch in real time.
  • the data processing method before binding the first variable in the data source corresponding to the second data item to the second variable, the data processing method further includes: enabling a release event switch item corresponding to the second data item of the visualization component.
  • the visualization component has a switch item corresponding to the publishing event of the second data item (for example, the "switch data item event" on the eighth interface F8 in FIG. 14D ), when the second data item of the visualization component is opened
  • the corresponding release event switch item for example, check the "switch data item event” in Figure 14D, send the switch item event corresponding to the second data item of the visualization component to other components (such as chart components, etc.), and other components listen to this
  • the switch item event corresponding to the second data item of the visualization component in the case that data items in other components (for example, at least one third data item in the chart component) are mapped to the second data item of the visualization component, the The data corresponding to the second data item can be transmitted to data items in other components, so that when the data corresponding to the second data item of the visualization component changes or switches, the data corresponding to the data items in other components will also be corresponding change or switch, that is, the data corresponding to at least one third data item in
  • mapping at least one third data item in the chart component to the second data item includes: turning on a release event switch item corresponding to the second data item of the visualization component; mapping the at least one third data item in the chart component Binding with the placeholder for writing the second data item; enabling the receiving event switch item of the chart component, so that at least one third data item in the chart component is mapped to the second data item.
  • the placeholder for writing the second data item can be represented as $ ⁇ value ⁇ .
  • data transfer between different components can be carried out through principles such as an event bus, i.e., one component (ie, event publishing)
  • event bus By means of the event bus, use emit to publish events to notify other components, and other components use on to receive events and make corresponding operations, so that the one component sends the data corresponding to the component to other components (ie event receivers) , so as to realize the interaction or communication between components (for example, one-to-one or one-to-many).
  • event bus i.e., one component (ie, event publishing)
  • other components will respond to the event value delivered by the event bus and take corresponding actions.
  • the chart component will respond to the event bus delivery.
  • data re-render the chart to get the updated chart.
  • the visualization component of the option group sends events
  • the chart component receives events through the event bus, and sends contract messages and data through the Unity model (also available as a component).
  • one of the chart components can be used as the visualization component of the above-mentioned option group, that is, the chart is used as an option group to perform with the chart component.
  • a third data item 1A in an initialized chart component eg, a donut chart
  • a variable eg, variable de
  • a third data item 2A in an initialized chart component can be used as a second data item, and the third data item 2A is bound to a variable (such as variable x_size) in its corresponding data source
  • a variable such as variable x_size
  • you can get various options of the chart for example, part of PartA in the donut chart is used as the first chart field, that is, the first option; part of PartB in the donut chart is used as the second chart field, that is, the second option; in the third data item
  • enter a custom variable name such as Pieval, so that the variable x_size in the data source corresponding to the third data item 2A is the same as the one entered in the binding input box.
  • the histogram displayed on the interface when PartA (ie, the first chart field, or the first option) in the doughnut chart, and part of PartB (ie, the second chart field, or the second option) in the doughnut chart is not selected, is the same as the In the histogram displayed on the interface when part of PartB in the donut chart is selected and part of PartA in the donut chart is not selected, the data content of the histogram has changed, thus realizing the data interaction between the donut chart and the hist
  • the data processing method further includes: setting the update time of at least one of the first graph and the second graph to a preset time, so that at least one of the first graph and the second graph is updated every preset time Update once.
  • a preset time for example, "automatic update switch”
  • the data processing method further includes: setting the update time of at least one of the first graph and the second graph to a preset time, so that at least one of the first graph and the second graph is updated every preset time Update once.
  • the twelfth interface and the fifth interface may be the same interface.
  • the preset time may also be the refresh frequency.
  • the graphs shown in part (A) in FIG. 18B are obtained after an interval of 3 seconds to obtain the graphs shown in part (B) in FIG. 10 , and the data contents of the two graphs have changed. In this way, the first graph and the second graph can update data in real time and display the latest data.
  • the preset time can be designed according to the actual situation, which is not limited here. For example, the preset time can be 3 seconds, 5 seconds, or 7 seconds.
  • Embodiments of the present disclosure provide a data processing method. Wherein, the data processing method can be applied to the above-mentioned data processing apparatus.
  • Data processing methods include:
  • the option group includes a first option and a second option.
  • the visualization component includes a first data item and a second data item corresponding to the first data item.
  • the first data item is configured to distinguish the first option from the second option.
  • the chart component includes at least two third data items.
  • mapping at least one third data item in the chart component to the second data item includes: binding the first variable in the data source corresponding to the second data item with the second variable; The third data item is bound to the second variable.
  • binding the first variable in the data source corresponding to the second data item with the second variable includes: receiving the second variable input by the user in the binding input box of the second data item, so that the second The first variable in the data source corresponding to the data item is bound to the second variable entered in the binding input box.
  • the data processing method before binding the first variable in the data source corresponding to the second data item to the second variable, the data processing method further includes: enabling a release event switch item corresponding to the second data item of the visualization component.
  • mapping at least one third data item in the chart component to the second data item includes: turning on a release event switch item corresponding to the second data item of the visualization component; mapping the at least one third data item in the chart component. Binding with the placeholder for writing the second data item; enabling the receiving event switch item of the chart component, so that at least one third data item in the chart component is mapped to the second data item.
  • the data processing method further includes: setting the correspondence between the first option and the first chart, and the correspondence between the second option and the second chart, so that when the first option is selected, the second option In the non-selected state, the displayed graph is the first graph corresponding to the first option, and when the first option is in the deselected state and the second option is in the selected state, the displayed graph is the second graph corresponding to the second option.
  • Embodiments of the present disclosure provide a data processing method. Wherein, the data processing method can be applied to the above-mentioned data processing apparatus.
  • Data processing methods include:
  • the option group includes the first option and the second option.
  • the multiple charts include a first chart and a second chart.
  • Embodiments of the present disclosure provide a data processing apparatus.
  • the data processing apparatus may implement the data processing method in any of the foregoing embodiments.
  • the data processing apparatus 300 includes a first processing unit 310 and a second processing unit 320 .
  • the first processing unit is configured to display a first interface including a set of options.
  • the option group includes a first option and a second option.
  • the first option is in a selected state
  • the second option is in a non-selected state
  • the first interface further includes a first chart corresponding to the first option.
  • the second processing unit is configured to display a second interface including the option group in response to an operation of selecting a second option in the option group on the first interface.
  • the first option is in a non-selected state
  • the second option is in a selected state
  • the second interface further includes a second chart corresponding to the second option.
  • the data processing apparatus further includes: a third processing unit.
  • the third processing unit is configured to set the correspondence between the first option and the first chart, and the correspondence between the second option and the second chart.
  • the third processing unit is configured to set the corresponding item of the first graph as the first option; and, set the corresponding item of the second graph as the second option.
  • the third processing unit is configured to, in response to the first operation on the third interface, set the corresponding item of the first chart to the first option; and, in response to the second operation on the third interface operation to set the corresponding item of the second chart as the second option.
  • the data processing apparatus further includes a fourth processing unit.
  • the fourth processing unit is configured to display a third interface, and the third interface includes: the first chart or the associated chart of the first chart, and the second chart or the associated chart of the second chart; the associated chart of the first chart and the first chart It belongs to the first chart component, and the associated chart of the second chart and the second chart belong to the second chart component.
  • the third processing unit is configured to receive an operation of selecting the first chart or an associated chart of the first chart in the third interface, and to set the corresponding item in the first chart component as the first option; and , receiving the operation of selecting the second chart or the associated chart of the second chart in the third interface, and setting the corresponding item in the second chart component as the second option.
  • the third processing unit is configured to configure data items of the option group, the data items of the option group include a first data item and a second data item corresponding to the first data item, and the first data item is configured to distinguish a first option and a second option; creating a third graph, the third graph including at least two third data items; mapping at least one third data item in the third graph to the second data item, in the third graph
  • the third chart is the first chart; in the third chart, at least one third data item is mapped to the second data corresponding to the second option
  • the third graph is the second graph.
  • the third processing unit is configured to obtain a visualization component of the option group.
  • the option group includes a first option and a second option.
  • the visualization component includes a first data item and a second data item corresponding to the first data item.
  • the first data item is configured to distinguish the first option from the second option. It can be understood that the third processing unit is also used to configure the visualization component of the option group.
  • the third processing unit is further configured to obtain the chart component.
  • the chart component includes at least two third data items.
  • the third processing unit is further configured to map at least one third data item in the chart component to the second data item, so that in the chart component at least one third data item is mapped to the second data item corresponding to the first option
  • the displayed graph is the first graph, and in the case that at least one third data item in the graph component is mapped to the second data item corresponding to the second option, the displayed graph is the second graph. It can be understood that the third processing unit is also used to configure the chart component.
  • the third processing unit is configured to bind the first variable in the data source corresponding to the second data item with the second variable; and bind at least one third data item in the chart component to the second variable .
  • the third processing unit is configured to receive the second variable input by the user in the binding input box of the second data item, so that the first variable in the data source corresponding to the second data item is bound to the The second variable binding entered in the input box.
  • the third processing unit is configured to obtain a plurality of graphs, the plurality of graphs including the first graph and the second graph.
  • the third processing unit is further configured to set the corresponding relationship between the first option and the first chart, and the corresponding relationship between the second option and the second chart, so that when the first option is in a selected state and the second option is in a non-selected state,
  • the displayed graph is the first graph corresponding to the first option, and when the first option is in a non-selected state and the second option is in a selected state, the displayed graph is a second graph corresponding to the second option.
  • the apparatus embodiment described in FIG. 19 is only illustrative.
  • the division of the above-mentioned units is only a logical function division. In actual implementation, there may be other division methods. For example, multiple modules or components may be combined or integrated. to another system, or some features can be ignored, or not implemented.
  • Each functional unit in each embodiment of the present application may be integrated into one processing module, or each unit may exist physically alone, or two or more units may be integrated into one module.
  • Each unit in the above-mentioned data processing apparatus can be implemented in the form of hardware, or can be implemented in the form of software functional units.
  • the first processing unit and the second processing unit and the like may be software function modules generated after at least one processor reads the program code stored in the memory, and the above-mentioned units may also be implemented by a computer ( Different hardware in the display device) are respectively implemented, for example, some units in the first processing unit and the second processing unit are implemented by a part of processing resources in at least one processor (for example, one core or two cores in a multi-core processor) , while the remaining units in the first processing unit, the second processing unit, etc. are processed resources by the remaining units in the at least one processor (eg, other cores in a multi-core processor).
  • the computer program product includes one or more computer instructions.
  • the computer may be a general purpose computer, special purpose computer, computer network, or other programmable device.
  • the computer instructions may be stored in a computer-readable storage medium.
  • the computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server, a data center, or the like that includes one or more available media integrated.
  • the available media may be magnetic media (eg, floppy disks, magnetic disks, magnetic tapes), optical media (eg, digital video discs (DVDs)), or semiconductor media (eg, solid state drives (SSDs)), etc. .
  • Some embodiments of the present disclosure provide a non-transitory computer-readable storage medium, the computer-readable storage medium stores computer program instructions, and when the computer program instructions are executed on a processor, causes the computer to execute the above-mentioned embodiments
  • the above-mentioned computer-readable storage media may include, but are not limited to: magnetic storage devices (for example, hard disks, floppy disks or magnetic tapes, etc.), optical disks (for example, CD (Compact Disk, compact disk), DVD (Digital Versatile Disk, Digital Universal Disk), etc.), smart cards and flash memory devices (eg, EPROM (Erasable Programmable Read-Only Memory, Erasable Programmable Read-Only Memory), card, stick or key drive, etc.).
  • the various computer-readable storage media described in this disclosure may represent one or more devices and/or other machine-readable storage media for storing information.
  • the term "machine-readable storage medium" may include, but is not limited to, wireless channels and various other media capable of storing, containing, and/or carrying instructions and/or data.
  • the computer program product includes computer program instructions that, when executed on a computer, cause the computer to perform the data processing method described in the above embodiments, eg, one or more steps in the data processing method.
  • Some embodiments of the present disclosure also provide a computer program.
  • the computer program When the computer program is executed on a computer, the computer program causes the computer to execute the data processing method described in the above-mentioned embodiments, eg, one or more steps in the data processing method.

Landscapes

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

Abstract

一种数据处理装置(300)，包括：选项组(101)的可视化组件(700)和至少一个图表组件(600)。选项组(101)包括第一选项(101A)和第二选项(101B)。至少一个图表组件(600)与选项组的第一选项(101A)具有订阅关系，至少一个图表组件(600)被配置为响应于选中第一选项(101A)的操作，以显示属于至少一个图表组件(600)的第一图表；至少一个图表组件(600)与选项组(101)的第二选项(101B)具有订阅关系，至少一个图表组件(600)还被配置为响应于选中第二选项(101B)的操作，以显示属于至少一个图表组件(600)的第二图表。

Description

数据处理装置及方法、电子设备 技术领域
本公开涉及显示技术领域，尤其涉及一种数据处理装置及方法、电子设备。
背景技术
大多数公司或企业在阶段性汇总或汇报时，会将繁杂的数据整理为通透的说明，采用数据可视化，可以让大量的数据转化成更加容易说明和理解。
发明内容
一方面，提供一种数据处理装置。所述数据处理装置包括选项组的可视化组件和至少一个图表组件。所述选项组包括第一选项和第二选项。所述至少一个图表组件与所述选项组的第一选项具有订阅关系，所述至少一个图表组件被配置为响应于选中所述第一选项的操作，以显示属于所述至少一个图表组件的第一图表；所述至少一个图表组件与所述选项组的第二选项具有订阅关系，所述至少一个图表组件还被配置为响应于选中所述第二选项的操作，以显示属于所述至少一个图表组件的第二图表。
在一些实施例中，所述选项组的可视化组件被配置为发布所述第一选项对应的第一事件，以及发布所述第二选项对应的第二事件。每个图表组件被配置为监听所述选项组的可视化组件发布的事件。所述至少一个图表组件被配置为响应于所述第一事件，以显示所述第一图表；及，响应于所述第二事件，以显示所述第二图表。
在一些实施例中，所述选项组的可视化组件为一个可视化组件；或者，所述选项组的可视化组件为多个可视化组件；所述多个可视化组件包括第一可视化组件和第二可视化组件；所述第一可视化组件被配置为发布所述第一选项对应的第一事件；所述第二可视化组件被配置为发布所述第二选项对应的第二事件。
所述至少一个图表组件为一个图表组件；或者，所述至少一个图表组件为多个图表组件；所述多个图表组件包括第一图表组件和第二图表组件；所述第一图表组件被配置为响应于所述第一事件，以显示所述第一图表；所述第二图表组件被配置为响应于所述第二事件，以显示所述第二图表。
在一些实施例中，所述至少一个图表组件包括第一图表组件和第一图表组件。所述第一图表组件被配置为将所述第一图表组件中的对应项设置为所述第一选项，以使所述第一图表组件与所述第一选项具有订阅关系。所述第 二图表组件被配置为将所述第二图表组件中的对应项设置为所述第二选项，以使所述第二图表组件与所述第二选项具有订阅关系。
在一些实施例中，所述选项组的可视化组件包括第一数据项和所述第一数据项对应的第二数据项。所述第一数据项被配置为区分所述第一选项和所述第二选项。所述至少一个图表组件为一个图表组件，所述图表组件包括至少两个第三数据项。所述图表组件被配置为将所述图表组件中至少一个第三数据项映射到所述第一选项对应的第二数据项，以使所述图表组件与所述第一选项具有订阅关系；及，将所述图表组件中至少一个第三数据项映射到所述第二选项对应的第二数据项，以使所述图表组件与所述第二选项具有订阅关系。
在一些实施例中，所述选项组的可视化组件还被配置为获取数据源，以及将所述数据源中的第一变量与所述第二数据项绑定。所述图表组件被配置为将所述图表组件中至少一个第三数据项与所述第二变量绑定，以将所述至少一个第三数据项映射到所述第二数据项。
在一些实施例中，所述数据源包括动态数据源和静态数据源。
在一些实施例中，所述图表组件被配置为将所述图表组件中至少一个第三数据项与写入所述第二数据项的占位符绑定，以将所述至少一个第三数据项映射到所述第二数据项。
在一些实施例中，所述至少一个图表组件还被配置为每隔预设时间更新一次所述第一图表和所述第二图表中的至少一者。
在一些实施例中，所述选项组为下拉菜单，所述第一选项和所述第二选项均为所述下拉菜单的下拉选项。
在一些实施例中，所述选项组为标题菜单，所述第一选项和所述第二选项均为所述标题菜单的标题选项。
在一些实施例中，所述选项组为图表，所述第一选项和所述第二选项均为所述图表的图表字段。
另一方面，提供一种数据处理方法。所述数据处理方法包括：显示包括选项组的第一界面，所述选项组包括第一选项和第二选项，在所述第一界面中所述第一选项处于选中状态，所述第二选项处于非选中状态，所述第一界面还包括：所述第一选项对应的第一图表；响应于在所述第一界面上选中所述选项组中所述第二选项的操作，显示包括所述选项组的第二界面，在所述第二界面中，所述第一选项处于非选中状态，所述第二选项处于选中状态，所述第二界面还包括：所述第二选项对应的第二图表。
在一些实施例中，在所述显示包括选项组的第一界面之前，所述数据处理方法还包括：设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系。
在一些实施例中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：将所述第一图表的对应项设置为所述第一选项；将所述第二图表的对应项设置为所述第二选项。
在一些实施例中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：响应于在第三界面上的第一操作，将所述第一图表的对应项设置为所述第一选项；响应于在所述第三界面上的第二操作，将所述第二图表的对应项设置为所述第二选项。
在一些实施例中，所述数据处理方法还包括：显示第三界面，所述第三界面包括：所述第一图表或所述第一图表的关联图表，以及所述第二图表或所述第二图表的关联图表；所述第一图表的关联图表与所述第一图表属于第一图表组件，所述第二图表的关联图表与所述第二图表属于第二图表组件。
在一些实施例中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：接收在所述第三界面中选中所述第一图表或所述第一图表的关联图表的操作，以及将所述第一图表组件中的对应项设置为所述第一选项；接收在所述第三界面中选中所述第二图表或所述第二图表的关联图表的操作，以及将所述第二图表组件中的对应项设置为所述第二选项。
在一些实施例中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：配置所述选项组的数据项，所述选项组的数据项包括第一数据项和所述第一数据项对应的第二数据项，所述第一数据项被配置为区分所述第一选项和所述第二选项；创建第三图表，所述第三图表包括至少两个第三数据项；将所述第三图表中至少一个第三数据项映射到所述第二数据项，在所述第三图表中至少一个第三数据项映射到所述第一选项对应的第二数据项的情况下，所述第三图表为所述第一图表；在所述第三图表中至少一个第三数据项映射到所述第二选项对应的第二数据项的情况下，所述第三图表为所述第二图表。
在一些实施例中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：配置所述选项组的可视化组件，所述可视化组件包括第一数据项和所述第一数据项对应的第二数据项，所述第一数据项被配置为区分所述第一选项和所述第二选项；配置图 表组件，所述图表组件包括至少两个第三数据项，以将所述图表组件中至少一个第三数据项映射到所述第二数据项，在所述图表组件中至少一个第三数据项映射到所述第一选项对应的第二数据项的情况下，显示的图表为所述第一图表；在所述图表组件中至少一个第三数据项映射到所述第二选项对应的第二数据项的情况下，显示的图表为所述第二图表。
在一些实施例中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，还包括：显示第四界面，所述第四界面包括处于初始态的所述选项组；接收在所述第四界面上选中处于初始态的所述选项组的操作，以及配置所述选项组的可视化组件的操作，所述可视化组件包括第一数据项和所述第一数据项对应的第二数据项，所述第一数据项被配置为区分所述第一选项和所述第二选项；显示第五界面，所述第五界面包括第三图表；配置所述第三图表所属的图表组件，所述图表组件包括至少两个第三数据项，以将所述图表组件中至少一个第三数据项映射到所述第二数据项，在所述图表组件中至少一个第三数据项映射到所述第一选项对应的第二数据项的情况下，显示的图表为所述第一图表；在所述图表组件中至少一个第三数据项映射到所述第二选项对应的第二数据项的情况下，显示的图表为所述第二图表。
在一些实施例中，所述将所述图表组件中至少一个第三数据项映射到所述第二数据项，包括：将所述第二数据项对应的数据源中的第一变量与第二变量绑定；将所述图表组件中至少一个第三数据项与所述第二变量绑定。
在一些实施例中，所述将所述第二数据项对应的数据源中的第一变量与第二变量绑定，包括：接收用户在所述第二数据项的绑定输入框中输入的第二变量，以使得所述第二数据项对应的数据源中的第一变量与所述绑定输入框中输入的第二变量绑定。
在一些实施例中，在所述将所述第二数据项对应的数据源中的第一变量与第二变量绑定之前，所述数据处理方法，还包括：开启所述可视化组件的第二数据项对应的发布事件开关项。
在一些实施例中，所述将所述图表组件中至少一个第三数据项映射到所述第二数据项，包括：开启所述可视化组件的第二数据项对应的发布事件开关项；将所述图表组件中至少一个第三数据项与写入所述第二数据项的占位符与绑定；开启所述图表组件的接收事件开关项，以使所述图表组件中至少一个第三数据项映射到所述第二数据项。
在一些实施例中，所述数据处理方法还包括：设置所述第一图表和所述 第二图表中至少一者的更新时间为预设时间，以使所述第一图表和所述第二图表中至少一者每隔所述预设时间更新一次。
又一方面，提供一种数据处理装置。所述数据处理装置包括存储器和处理器。所述存储器中存储一个或多个计算机程序。所述处理器与所述存储器耦接。所述处理器被配置为执行所述计算机程序，以使得所述数据处理装置实现如上述任一实施例中所述的数据处理方法。
又一方面，提供一种电子设备。所述电子设备包括：如上述任一实施例所述的数据处理装置和显示装置。所述显示装置被配置为显示界面。
再一方面，提供一种非瞬态的计算机可读存储介质。所述计算机可读存储介质存储有计算机程序指令，所述计算机程序指令在处理器上运行时，使得所述计算机执行如上述任一实施例所述的数据处理方法。
又一方面，提供一种计算机程序产品。所述计算机程序产品包括计算机程序指令，在计算机上执行所述计算机程序指令时，所述计算机程序指令使计算机执行如上述任一实施例所述的数据处理方法。
又一方面，提供一种计算机程序。当所述计算机程序在计算机上执行时，所述计算机程序使计算机执行如上述任一实施例所述的数据处理方法。
附图说明
为了更清楚地说明本公开中的技术方案，下面将对本公开一些实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例的附图，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。此外，以下描述中的附图可以视作示意图，并非对本公开实施例所涉及的产品的实际尺寸、方法的实际流程、信号的实际时序等的限制。
图1A为根据一些实施例的电子设备的一种结构图；
图1B为根据一些实施例的电子设备的另一种结构图；
图2A至图2D为根据一些实施例的数据处理装置的结构图；
图3为根据一些实施例的电子设备的又一种结构图；
图4为根据一些实施例的数据处理方法的一种界面示意图；
图5为根据一些实施例的数据处理方法的另一种界面示意图；
图6为根据一些实施例的数据处理方法的又一种界面示意图；
图7为根据一些实施例的数据处理方法的又一种界面示意图；
图8为根据一些实施例的数据处理方法的又一种界面示意图；
图9为根据一些实施例的数据处理方法的又一种界面示意图；
图10为根据一些实施例的数据处理方法的又一种界面示意图；
图11A至图11D为根据一些实施例的数据处理方法的界面示意图；
图12为根据一些实施例的数据处理方法的又一种界面示意图；
图13A至图13C为根据一些实施例的数据处理方法的界面示意图；
图14A至图14D为根据一些实施例的数据处理方法的界面示意图；
图15A至图15C为根据一些实施例的数据处理方法的界面示意图；
图16A至图16C为根据一些实施例的数据处理方法的界面示意图；
图17A至图17E为根据一些实施例的数据处理方法的界面示意图；
图18A至图18B为根据一些实施例的数据处理方法的界面示意图；
图19为根据一些实施例的数据处理装置的又一种结构图。
具体实施方式
下面将结合附图，对本公开一些实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开所提供的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本公开保护的范围。
除非上下文另有要求，否则，在整个说明书和权利要求书中，术语“包括(comprise)”及其其他形式例如第三人称单数形式“包括(comprises)”和现在分词形式“包括(comprising)”被解释为开放、包含的意思，即为“包含，但不限于”。在说明书的描述中，术语“一个实施例(one embodiment)”、“一些实施例(some embodiments)”、“示例性实施例(exemplary embodiments)”、“示例(example)”、“特定示例(specific example)”或“一些示例(some examples)”等旨在表明与该实施例或示例相关的特定特征、结构、材料或特性包括在本公开的至少一个实施例或示例中。上述术语的示意性表示不一定是指同一实施例或示例。此外，所述的特定特征、结构、材料或特点可以以任何适当方式包括在任何一个或多个实施例或示例中。
以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本公开实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。
在描述一些实施例时，可能使用了“耦接”和“连接”及其衍伸的表达。例如，描述一些实施例时可能使用了术语“连接”以表明两个或两个以上部件彼此间有直接物理接触或电接触。又如，描述一些实施例时可能使用了术语“耦接”以表明两个或两个以上部件有直接物理接触或电接触。然而，术 语“耦接”或“通信耦合(communicatively coupled)”也可能指两个或两个以上部件彼此间并无直接接触，但仍彼此协作或相互作用。这里所公开的实施例并不必然限制于本文内容。
如本文中所使用，根据上下文，术语“如果”任选地被解释为意思是“当……时”或“在……时”或“响应于确定”或“响应于检测到”。类似地，根据上下文，短语“如果确定……”或“如果检测到[所陈述的条件或事件]”任选地被解释为是指“在确定……时”或“响应于确定……”或“在检测到[所陈述的条件或事件]时”或“响应于检测到[所陈述的条件或事件]”。
本文中“适用于”或“被配置为”的使用意味着开放和包容性的语言，其不排除适用于或被配置为执行额外任务或步骤的设备。
相关技术中，在数据可视化的过程中，对于每个场景或菜单，需要创建对应的图表并配置图表的属性和对应的数据，以在各个场景或菜单下呈现相应的数据内容。但是，在场景或菜单进行切换的过程中，通常是展示在对应的场景或菜单下创建的图表，如果场景或菜单对应的数据发生变化，需要重新创建相应的图表，已创建的图表无法随着场景或菜单的变化而变化，因此，图表的类型或数据与场景或菜单之间的无法实现通信或交互，使得数据可视化的过程复杂，效果不佳。
本公开的实施例提供一种电子设备。例如，电子设备可以是电脑、计算机等。如图1A和图1B所示，电子设备100包括数据处理装置300和显示装置200。显示装置200与数据处理装置300耦接。示例性地，显示装置200与数据处理装置300可以通信连接。示例性地，数据处理装置300可以控制显示装置200上显示的图像，即，显示装置200的界面上的显示内容。
示例性地，显示装置可以通过无线通信方式(例如，Wi-Fi、蓝牙等)与数据处理装置建立连接。示例性地，数据处理装置通过无线通信方式或有线通信方式连接无线路由器或无线接入点(Access Point，AP)，显示装置通过无线通信方式与无线接入点建立连接，进而与数据处理装置通信连接。当然，本实施例中不限于这种通信连接方式，例如，数据处理装置与显示装置还可以通过有线通信方式建立连接。
在一些实施例中，显示装置被配置为显示画面。例如，显示装置可以显示数据处理装置的处理结果。示例性地，显示装置可以是显示器，还可以是包含显示器的产品，例如电视机、电脑(一体机或台式机)、计算机、平板电脑、手机、电子画屏等。示例性地，该显示装置可以是显示不论运动(例如，视频)还是固定(例如，静止图像)的且不论文字还是的图像的任何装 置。更明确地说，预期所述实施例可实施在多种电子装置中或与多种电子装置关联，所述多种电子装置例如(但不限于)游戏控制台、电视监视器、平板显示器、计算机监视器、汽车显示器(例如，里程表显示器等)、导航仪、座舱控制器和/或显示器、电子相片、电子广告牌或指示牌、投影仪、建筑结构、包装和美学结构(例如，对于一件珠宝的图像的显示器)等。
示例性地，文中所述的显示装置可包括一个或多个显示器，包括一个或多个具有显示功能的终端，从而数据处理装置可将其处理后的数据(例如影响参数)发送给显示装置，显示装置再将其显示出来。也就是说，通过该显示装置的界面(也即用户交互界面)，可实现用户与样本不良成因分析的系统的完全交互(控制和接收结果)。
其中，显示装置被配置为显示界面。例如，界面包括文中描述的各个界面，例如包括第一界面和第二界面等。例如，显示装置可以显示数据处理装置对数据的处理结果。
本公开的实施例提供一种数据处理装置。该数据处理装置可以被配置为实现如下述任一实施例所述的数据处理方法。示例性地，数据处理装置可以包括：个人计算机、可携式电子装置、云端服务器或者是其他具有计算功能的电子装置。
在一些实施例中，如图2A所示，数据处理装置300包括存储器301和处理器302。其中，存储器301与处理器302耦接。示例性地，处理器与存储器通过例如I/O接口耦接，从而能实现信息交互。
存储器301中存储可在处理器302上运行的一个或多个计算机程序。
处理器302执行该计算机程序时，以使数据处理装置300实现如下述任一实施例所述的数据处理方法。
示例性地，上述处理器302可以是一个处理器，也可以是多个处理元件的统称。例如，该处理器302可以是一个通用中央处理器(central processing unit，CPU)，微处理器，特定应用集成电路(application specific integrated circuit，ASIC)，或一个或多个用于控制本公开方案程序执行的集成电路，例如：一个或多个微处理器。又例如，该处理器302可以是可编程器件；例如，该可编程器件为CPLD(Complex Programmable Logic Device，复杂可编程逻辑器件)、EPLD(Erasable Programmable Logic Device，可擦除可编辑逻辑器件)或者FPGA(field－programmable gate array，现场可编程门阵列)。
上述存储器301可以是一个存储器，也可以是多个存储元件的统称，且用于存储可执行程序代码等。且存储器301可以包括随机存储器，也可以包 括非易失性存储器，例如磁盘存储器，闪存等。
其中，存储器301用于存储执行本公开方案的应用程序代码，并由处理器320来控制执行。处理器302用于执行存储器301中存储的应用程序代码，以控制数据处理装置300实现本公开下述任一实施例提供的数据处理方法。
在一些实施例中，如图3所示，电子设备还包括存储装置400。其中，存储装置400被配置为存储数据。例如，存储装置中存储的数据包括数据源，数据处理装置可以获得存储装置中的数据源，并根据该数据源，控制显示装置在界面上显示该数据源中的数据。
示例性地，存储装置400与数据处理装置300耦接。例如，存储装置可以通过无线通信方式与数据处理装置建立连接。示例性地，存储装置通过无线通信方式或有线通信方式连接无线路由器或无线接入点，数据处理装置通过无线通信方式与无线接入点建立连接，进而与存储装置通信连接。当然，本实施例中不限于这种通信连接方式，例如，数据处理装置与存储装置还可以通过有线通信方式建立连接。
本公开的实施例提供一种数据处理装置。如图2B所示，数据处理装置包括：选项组的可视化组件700和至少一个图表组件600。其中，选项组包括第一选项和第二选项。至少一个图表组件与选项组的第一选项具有订阅关系，至少一个图表组件被配置为响应于选中第一选项的操作，以显示属于至少一个图表组件的第一图表。至少一个图表组件与选项组的第二选项具有订阅关系，至少一个图表组件还被配置为响应于选中第二选项的操作，以显示属于至少一个图表组件的第二图表。例如，选中第一选项或第二选项的操作，可以是用户在界面上选中第一选项或第二选项；例如，用户在界面上点击第一选项，则第一选项被选中，第二选项未被选中；用户在第一界面上点击第二选项，则第二选项被选中，第一选项未被选中。
示例性地，组件(Component)是独立可复用的独立个体实例，其本质是对静态或动态或一系列逻辑的封装。例如，组件可以包括组件的属性信息以及被配置为实现预设功能。其中，属性信息可以包括组件的数据的访问客体，例如宽度、高度等属性，预设功能可以包括组件能够实现的功能，在具体的编程中，预设功能可以采用函数形式实现。一个组件可以作为组件的数据以及组件可以实现功能的封装体，能够重复使用硬件且可以和其他组件进行数据交互。示例性地，图表组件可以采用ECharts或其他图表库中的图表组件。示例性地，选项组的可视化组件可以使显示选项组中的选项显示，使选项组可视化。例如，组件可以包括实现预设功能的计算机程序；又例如，组件可 以包括执行实现预设功能的计算机程序的硬件，例如处理器。
示例性地，第一图表和第二图表可以是属于同一图表组件；例如，第一图表和第二图表的图表类型、属性信息或对应的数据源一样，但各自在渲染时采用的数据不一样。或者，第一图表和第二图表分别属于不同的图表组件；例如，第一图表和第二图表的图表类型不一样，但各自的属性信息、对应的数据源或在渲染时采用的数据一样；或者，第一图表和第二图表的图表类型一样，但各自的属性信息、对应的数据源或在渲染时采用的数据不一样；或者，第一图表和第二图表的图表类型不一样，各自的属性信息、对应的数据源或在渲染时采用的数据也不一样。
其中，选项组的可视化组件可以与至少一个图表组件具有订阅关系，即，选项组的可视化组件可以与至少一个图表组件通信。例如，选项组的可视化组件与至少一个图表组件可以采用发布/订阅模式(Pubilsh/Subscribe)，例如发布/订阅模式包括：事件总线(EventBus)，或者$attrs和$listeners，或者provide和inject，或者vuex等方式进行通信。示例性地，选项组的可视化组件发布事件，至少一个图表组件监听事件，如果至少一个图表组件响应于选项组的可视化组件发布的事件具有选项组的可视化组件发布的事件所包含的信息，则至少一个图表组件进行相应的操作，例如，显示属于至少一个图表组件的图表，该图表与可视化组件发布的事件所包含的信息相关。
在此情况下，一个组件(即事件发布者)通过通信方式(例如事件总线)将该组件对应的数据发送至其他组件(即事件接收者)，从而实现组件与组件之间(例如一对一或者一对多)的交互或者通信。例如，在一个组件发生变化时，其他组件将会响应于通信方式(例如事件总线)传递的事件值，做相应的动作，例如，一个选项组的可视化组件对应的数据发生变化，图表组件将会响应于事件总线传递的数据，重新渲染图表，得到更新后的图表。
示例性地，选项组可以是标题菜单，第一选项和第二选项均为标题菜单的标题选项。示例性地，标题菜单在界面中可以以标题栏的形式呈现。示例性地，参考图4，在第一界面F1中，选项组101是标题菜单的情况下，标题选项包括人员车辆、综合安防、工单任务或告警管理。例如，如图4所示，标题选项中的人员车辆与至少一个图表组件具有订阅关系，即，第一选项为人员车辆，其中，属于至少一个图表组件的第一图表可以包括用于表征人员数量统计、车辆数量统计、访客记录、车位统计、人员热力图或者动环能耗等的数据统计结果的图表，至少一个图表组件可以使得这些图表进行显示(例如在第一界面F1上显示)。例如，参考图5，在第二界面F2中，标题选项中 的综合安防与至少一个图表组件具有订阅关系，即，第二选项为综合安防，其中，属于至少一个图表组件的第二图表可以包括用于表征物资数量统计或者安防设备状态统计等的数据统计结果的图表，至少一个图表组件可以使得这些图表进行显示(例如在第二界面F2上显示)。可以理解的是，参考图4和图5，第一选项101A是人员车辆，第二选项101B是综合安防，在第一界面，选中人员车辆，与人员车辆不具有订阅关系的图表组件中的图表不显示，例如，与综合安防(即第二选项)具有订阅关系的至少一个图表组件中的第二图表不显示，即，第一界面F1显示的第一图表，不显示第二图表，此时，用户可以直观看到与人员车辆相关的数据；在第二界面F2，选中综合安防，与综合安防不具有订阅关系的图表组件中的图表不显示，例如，与人员车辆(即第一选项)具有订阅关系的至少一个图表组件中的第一图表不显示，即，第二界面F2显示第二图表，不显示第一图表，此时，用户可以直观看到与综合安防相关的数据。
其中，选项组可以包括多个选项，多个选项中的两个选项中的一者作为第一选项，两个选项中的另一者作为第二选项；其中，第一选项和第二选项之间可以进行切换或选择。例如，上述的人员车辆可以看作是第二选项，综合安防可以看作是第一选项。
示例性地，选项组为下拉菜单，第一选项和第二选项均为下拉菜单的下拉选项。示例性地，下拉菜单在界面中可以以下拉框的形式呈现。例如，参考图6和图7，选项组101是下拉菜单的情况下，下拉选项包括第一场景和第二场景，其中，第一选项101A为第一场景，第二选项101B为第二场景，在此情况下，在图6中的第一界面F1中，选中第一场景，与第一场景具有订阅关系的至少一个图表组件中的第一图表显示，与第一场景不具有订阅关系的至少一个图表组件中的图表不显示，例如，与第二场景具有订阅关系的至少一个图表组件中的第二图表不显示，即，第一界面显示的第一图表，不显示第二图表，此时，用户可以直观看到第一场景相关的数据；在图7中的第二界面F2中，与第二场景具有订阅关系的至少一个图表组件中的第二图表显示，与第二场景不具有订阅关系的至少一个图表组件中的图表不显示，例如，与第一场景具有订阅关系的至少一个图表组件中的第一图表不显示，即，第二界面显示第二图表，不显示第一图表，此时，用户可以直观看到第二场景相关的数据。其中，对于选项组是下拉菜单的情况，不同下拉选项中的图表类型可以是一样的，但是图表所反映的数据内容可以是不同的。例如，第一图表和第二图表可以是同一类型的图表；在第一场景相关的数据和第二场景相 关的数据不相同的情况下，第一图表和第二图表所表征的数据是不同的。例如，参考图6和图7，第一图表和第二图表均为环形图，但是图6中的第一图表和图7中的第二图表的数据不同。
示例性地，选项组为图表，第一选项和第二选项均为图表的图表字段。例如，图表包括第一图表字段和第二图表字段，则第一选项为第一图表字段，第二选项为第二图表字段，第一图表字段和第二图表字段可以是不同图表字段，也可以是相同图表字段。示例性地，在选项组为饼状图的情况下，图表字段对应饼状图中的各个部分(即扇形部分)，例如，参考图10，第一选项对应的饼状图的第一图表字段对应饼状图中的A部分，第二选项对应的饼状图的第二图表字段对应饼状图中的B部分。在此情况下，在第一界面中，选中饼状图中的A部分，与饼状图中的A部分具有订阅关系的至少一个图表组件中的第一图表显示，与饼状图中的A部分不具有订阅关系的至少一个图表组件中的图表不显示，例如，与饼状图中的B部分具有订阅关系的至少一个图表组件中的第二图表不显示，即，第一界面显示的第一图表，不显示第二图表，此时，用户可以直观看到与饼状图中的A部分相关的数据；在第二界面中，选中饼状图中的B部分，与饼状图中的B部分具有订阅关系的至少一个图表组件中的第二图表显示，与饼状图中的B部分不具有订阅关系的至少一个图表组件中的图表不显示，例如，与饼状图中的A部分具有订阅关系的至少一个图表组件中的第一图表不显示，即，第二界面显示第二图表，不显示第一图表，此时，用户可以直观看到饼状图中的B部分相关的数据。例如，参考图10，选项组的图表为饼状图，第一图表字段对应饼状图中的A部分，即，第一选项为饼状图中的A部分，第二图表字段对应饼状图中的B部分，即，第二选项为饼状图中的B部分，如图10中的(A)部分所示，饼状图中的A部分与至少一个图表组件具有订阅关系，对应显示的第一图表，该第一图表为折线图；参考图10中的(B)部分，饼状图中的B部分与至少一个图表组件具有订阅关系，对应显示的第二图表，该第二图表也为折线图，且第二图表对应的数据与第一图表对应的数据不同。其中，第一图表和第二图表可以是同一类型的图表，也可以是不同类型的图表；第一图表和第二图表所表征的数据可以是不同的，也可以是相同的；这些可以根据实际情况，在此不作限定。
示例性地，至少一个图表组件可以分别与多个可视化组件具有订阅关系；例如，至少一个图表组件可以与标题菜单的可视化组件具有订阅关系，以及至少一个图表组件与下拉菜单的可视化组件具有订阅关系。例如，参考图8 和图9，对于下拉菜单中的一个下拉选项(例如第一场景)，标题菜单中的标题选项作为选项组101中的第一选项101A和第二选项101B，例如人员车辆作为第一选项101A，告警管理作为第二选项101B，这样，在第一界面F1可以显示与人员车辆和第一场景对应的第一图表，在第二界面F2可以显示与告警管理和第一场景对应的第二图表。例如，参考图6和图7，对于标题菜单中的一个标题选项(例如综合安防)，下拉菜单中的下拉选项作为选项组101中的第一选项101A和第二选项101B，例如第一场景作为第一选项101A，第二场景作为第二选项101B，这样，在第一界面F1可以显示与第一场景和综合安防对应的第一图表，在第二界面F2可以显示与第二场景和综合安防对应的第二图表。
因此，本公开的实施例提供一种数据处理装置，至少一个图表组件与选项组的第一选项具有订阅关系，至少一个图表组件被配置为响应于选中第一选项的操作，以显示属于至少一个图表组件的第一图表。至少一个图表组件与选项组的第二选项具有订阅关系，至少一个图表组件还被配置为响应于选中第二选项的操作，以显示属于至少一个图表组件的第二图表。这样，第一选项和与该第一选项具有订阅关系的至少一个图表组件中的第一图表相关联，第二选项和与该第二选项具有订阅关系的至少一个图表组件中的第二图表相关联，如果第一选项发生变化，与该第一选项具有订阅关系的至少一个图表组件中的第一图表可以随着第一选项的变化而发生变化，如果第二选项发生变化，与该第二选项具有订阅关系的至少一个图表组件中的第二图表可以随着第一选项的变化而发生变化，通过切换第一选项和第二选项，可以实现第一图表和第二图表的切换，使得第一图表和第一选项之间实现交互，第二图表和第二选项之间实现交互，从而提高了数据可视化的效果。
在一些实施例中，选项组的可视化组件被配置为发布第一选项对应的第一事件，以及发布第二选项对应的第二事件。每个图表组件被配置为监听选项组的可视化组件发布的事件(即第一事件及第二事件)。其中，至少一个图表组件被配置为响应于第一事件，以显示第一图表；及，响应于第二事件，以显示第二图表。
可以理解的是，在选项组的可视化组件发布第一选项对应的第一事件的情况下，所有的图表组件均会监听该第一事件，但是与第一选项具有订阅关系的至少一个图表组件会响应于该第一事件，使得可视化组件与至少一个图表组件之间实现交互，例如可视化组件和至少一个图表组件可以通过事件总线传递与第一选项有关的参数信息，至少一个图表组件可以根据与第一选项 有关的参数信息进行相应的操作，使得至少一个图表组件中的第一图表显示，例如在第一界面上显示第一图表。由于与第一选项不具有订阅关系的图表组件则不会响应于该第一事件，因此，第一界面上不会显示与第一选项不具有订阅关系的图表组件中的图表。相应地，在选项组的可视化组件发布第二选项对应的第二事件的情况下，所有的图表组件均会监听该第二事件，但是与第二选项具有订阅关系的至少一个图表组件会响应于该第二事件，使得可视化组件与至少一个图表组件之间实现交互，例如可视化组件和至少一个图表组件可以通过事件总线传递与第二选项有关的参数信息，至少一个图表组件可以根据与第二选项有关的参数信息进行相应的操作，使得至少一个图表组件中的第二图表显示，例如在第二界面上显示第二图表。由于与第二选项不具有订阅关系的图表组件则不会响应于该第二事件，因此，第二界面上不会显示与第二选项不具有订阅关系的图表组件中的图表。
示例性地，选项组的可视化组件为一个可视化组件。例如，第一选项和第二选项属于同一个可视化组件。例如，第一选项和第二选项属性信息和对应的数据源一样，但各自显示的数据内容不一样。
示例性地，选项组的可视化组件为多个可视化组件。参考图2C，多个可视化组件700包括第一可视化组件710和第二可视化组件720。其中，第一可视化组件被配置为发布第一选项对应的第一事件。第二可视化组件被配置为发布第二选项对应的第二事件。例如，第一选项和第二选项分别属于不同的可视化组件，第一选项与第二选项的属性信息或各自对应的数据源等不相同。其中，第一选项属于第一可视化组件，第二选项属于第二可视化组件。在此情况下，至少一个图表组件与第一可视化组件具有订阅关系，以及至少一个图表组件与第二可视化组件具有订阅关系。这样，至少一个图表组件与第一可视化组件之间实现交互，至少一个图表组件与第二可视化组件之间实现交互。
示例性地，至少一个图表组件为一个图表组件。例如，第一图表和第二图表可以是属于同一图表组件；例如，第一图表和第二图表的图表类型、属性信息或对应的数据源一样，但各自在渲染时采用的数据不一样。
示例性地，至少一个图表组件为多个图表组件。参考图2D，多个图表组件600包括第一图表组件610和第二图表组件620。其中，第一图表组件被配置为响应于第一事件，以显示第一图表。第二图表组件被配置为响应于第二事件，以显示第二图表。在此情况下，第一图表组件与选项组的可视化组件具有订阅关系，第二图表组件与选项组的可视化组件具有订阅关系。这样， 第一图表组件与选项组的可视化组件之间实现交互，第二图表组件与选项组的可视化组件之间实现交互。例如，在选项组的可视化组件为多个可视化组件，且多个可视化组件包括第一可视化组件和第二可视化组件的情况下，第一图表组件与第一可视化组件具有订阅关系，第二图表组件与第二可视化组件具有订阅关系。这样，第一图表组件与第一可视化组件之间实现交互，第二图表组件与第二可视化组件之间实现交互。
在一些实施例中，至少一个图表组件包括第一图表组件和第二图表组件。其中，第一图表组件被配置为将第一图表组件中的对应项设置为第一选项，以使第一图表组件与第一选项具有订阅关系。第二图表组件被配置为将第二图表组件中的对应项设置为第二选项，以使第二图表组件与第二选项具有订阅关系。
例如，参考图13A，将第一图表组件610中的对应项设置为第一选项，例如，设置为第一选项的对应值menu1，使得第一选项与第一图表组件具有订阅关系，这样，属于第一图表组件的第一图表可以与第一选项关联，参考图13C，在可视化组件发布与第一选项对应的第一事件的情况下，第一图表组件可以使得第一图表显示。参考图13B，将第二图表组件620中的对应项设置为第二选项，例如第二选项的对应值menu2，使得第二选项与第二图表组件具有订阅关系，这样，属于第二图表组件的第二图表可以与第二选项关联，参考图13C，在可视化组件发布与第二选项对应的第二事件的情况下，第二图表组件可以使得第二图表显示。例如，第一选项的对应值可以为第一选项的名称或创建顺序，第二选项的对应值可以为第二选项的名称或创建顺序。例如，第一选项先于第二选项建立，则第一选项对应的第一选项的对应值可以为menu1，第二选项对应的第二选项的对应值可以为menu2，这样，可以将第一图表的对应项设置为menu1，将第二图表的对应项设置为menu2，使得第一图表与第一选项相关联，第二图表与第二选项相关联。
在一些实施例中，选项组的可视化组件包括第一数据项和第一数据项对应的第二数据项。第一数据项被配置为区分第一选项和第二选项。
例如，参考图14A和图14B，选项组的数据项中的第一数据项与变量name绑定，此时，选项组中的选项A显示为第一场景，选项B显示为第二场景，第二数据项与变量id绑定，选项A(即第一选项)对应的数据为变量name为第一场景对应的变量id的数据，选项B(即第二选项)对应的数据为变量name为第二场景对应的变量id的数据。示例性地，选项组中的第一数据项可以用于对选项组进行标识；例如，选项组中的第一数据项在界面上显示，第 二数据项不在界面上显示。选项组中的不同选项的第一数据项的内容不同。例如，在选项组是下拉菜单的情况下，第一选项的第一数据项可以是第一场景，第二选项的第一数据项可以是第二场景；例如，在选项组是标题菜单的情况下，第一选项的第一数据项可以是人员车辆，第二选项的第一数据项可以是综合安防；例如，在选项组是图表的情况下，第一选项对应的第一数据项可以是图表的第一图表字段，该第一图表字段表征第一类目，第二选项对应的第一数据线可以是图表中的第二图表字段，该第二图表字段表征第二类目。
至少一个图表组件为一个图表组件。图表组件包括至少两个第三数据项。图表组件被配置为将图表组件中至少一个第三数据项映射到第一选项对应的第二数据项，以使图表组件与第一选项之间具有订阅关系；及，将图表组件中至少一个第三数据项映射到第二选项对应的第二数据项，以使图表组件与第二选项具有订阅关系。
可以理解的是，图表组件中至少一个第三数据项映射到第一选项对应的第二数据项，使得图表组件与第一选项相关联，并且第一选项对应的第二数据项对应的数据可以传输至图表组件中至少一个第三数据项，图表组件可以根据接收到的第一选项对应的第二数据项对应的数据，渲染得到第一图表，并使得第一图表显示，此时，第一图表对应的数据与第一选项对应的第二数据项对应的数据有关；图表组件中至少一个第三数据项映射到第二选项对应的第二数据项，使得图表组件与第二选项相关联，并且第二选项对应的第二数据项对应的数据可以传输至图表组件中至少一个第三数据项，图表组件可以根据接收到的第二选项对应的第二数据项对应的数据，渲染得到第二图表，并使得第二图表显示，此时，第二图表对应的数据与第二选项对应的第二数据项对应的数据有关。在此情况下，如果第一选项对应的第二数据项对应的数据发生变化，则第一图表对应的数据也会发生相应的变化，使得第一选项与第一图表之间实现交互；如果第二选项对应的第二数据项对应的数据发生变化，则第二图表对应的数据也会发生相应的变化，使得第人选项与第二图表之间实现交互。另外，在第一选项或第二选项中的第二数据项发生变化的情况下，不用重新创建图表，第一选项或第二选项可以向关联的图表组件传递参数，图表组件呈现的数据内容发生相应的变化，这样可以使用户获取最新的数据。
在一些实施例中，选项组的可视化组件还被配置为获取数据源中的数据，以及将数据源中的第一变量与第二数据项绑定。图表组件被配置为将图表组 件中至少一个第三数据项与第二变量绑定，以将至少一个第三数据项映射到第二数据项。
示例性地，数据源可以包括：动态数据源和静态数据源；其中，动态数据源中的数据是可以实时变化的，静态数据源中的数据可以是固定不变的。例如，动态数据源包括：通过API(Application Programming Interface，应用程序接口)获取的数据，以及通过程序语言(例如SQL(结构化查询语言，Structured Query Language))访问数据库获取的数据；例如，静态数据源包括：预先配置的CSV(Comma-Separated Values，逗号分隔值)文件的数据，以及自定义数据(例如用户手动输入的数据)。
可以理解的是，第二数据项与第二数据项对应的数据源中的第一变量(参考图14B中的变量id)绑定，使得第二数据项对应的数据为第二数据项对应的数据源中的第一变量表征的数据。在此情况下，将第二数据项对应的数据源中的第一变量与第二变量(参考图14D中的变量val)绑定，使得第二变量表征的数据为第二数据项对应的数据源中的第一变量表征的数据。其中，在图表组件中与第二变量绑定的至少一个第三数据项接收的数据是相同的，图表组件中与第二变量绑定的至少一个第三数据项接收的数据均为第二变量对应的数据，即均为第二数据项对应的数据库中的第一变量表征的数据。
可以理解的是，在图表组件中的第三数据项还未与第二变量绑定的情况下，图表组件中的第三数据项与该第三数据项对应的数据源中的第三变量(参考图15A中的变量x_size)绑定，此时，第三数据项对应的数据为该第三数据项对应的数据源中的第三变量表征的数据。在图表组件中的第三数据项与第二变量绑定的过程中，可以将第三数据项对应的第三变量与第二变量绑定，此时，第三数据项与第二变量绑定，使得第三数据项对应的数据为第二变量表征的数据，即为第二数据项对应的数据源中的第一变量表征的数据。这样，可以实现了选项组(也即选项组的可视化组件)向图表组件传输数据，在切换选项组的不同选项的过程中，图表组件的数据内容也相应进行切换。
其中，第二变量的名称可以是用户自定义或者可以是预先配置的，在此不做限定。例如，对于选项组的可视化组件，可以将数据库作为数据源，该数据源包含第一变量；将第二数据项与第一变量建立字段映射，使得第二数据项与第二数据项对应的数据源中的第一变量绑定。
示例性地，在选择数据库作为数据源的情况下，可以通过SQL获取数据库中的数据。例如，获取的数据库可以包括多个变量，可以将第二数据项与多个变量中的一个变量绑定。
示例性地，选项组的可视化组件中的第一数据项和第二数据项属于同一个数据源。在获得第二数据项对应的数据源的情况下，可以使第一选项与数据源中的一个变量绑定，第一数据项对应的数据为其所绑定的一个变量对应的数据。其中，第一数据项绑定的数据源中的变量与第二数据项绑定的数据源中的变量是相关联的。例如，第一数据项表征类目，第二数据项表征类目对应的数据内容(例如数值)；例如，选项组的可视化组件对应的数据源包括两个变量，分别为name和id，第一数据项可以与两个变量中的一个变量绑定，第二数据项可以与两个变量中的另一个变量绑定，例如，在第一数据项与变量name绑定，在第二数据项与变量id。这样，第一数据项对应的数据为变量name对应的数据，第二数据项对应的数据为变量id对应的数据，该变量id即为第一变量。
另外，第一数据项对应的数据可以在显示该选项组的界面上显示，即，变量name对应的数据可以显示，以区分选项组中的不同选项；例如，在变量name的数据包括第一场景和第二场景的情况下，选项组的第一数据项的数据为第一场景和第二场景，可以区分选项组的第一选项和第二选项；例如，选项组的第一选项为第一场景，第二选项为第二场景。其中，选项组的选项的个数可以与第一数据项对应的数据有关；例如，第一数据项对应的数据的个数与选项组的选项的个数有关，例如两者相等。
示例性地，图表组件获取的数据源可以是数据库，数据源包含第三变量；将至少一个第三数据项与第三变量建立字段映射，例如，将至少一个第三数据项与第三变量x_size建立字段映射，使得至少一个第三数据项与第三变量绑定，此时，至少一个第三数据项对应的数据为第三变量表征的数据。示例性地，将图表组件中的第三数据项与第二变量绑定，例如，第三数据项与第三变量x_size绑定，参考图14D，第二变量定义为val，这样，参考图15B，“x_size＝$val”可以表示第三数据项与第二变量绑定。
在此情况下，在选中选项组中的第一选项，未选中选项组中的第二选项的情况下，选项组中的第一选项触发交互事件，与第二变量绑定的图表组件可以监听到该事件，使得与第二变量绑定的图表组件中至少一个第三数据项对应的数据可以是第一选项对应的第二数据项对应的数据；在选中选项组中的第二选项，未选中选项组中的第一选项的情况下，选项组中的第二选项触发交互事件，与第二变量绑定的图表组件可以监听到该事件，使得与第二变量绑定的图表组件中至少一个第三数据项对应的数据可以是第二选项对应的第二数据项对应的数据。这样，切换选项组中的不同选项，使得图表组件对 应的数据可以发生相应的变化，例如，参考图15C，第一选项(即第一场景)下显示的第一图表和第二选项(即第二场景)下显示的第二图表的数据内容不同，可以实现选项组(也即选项组的可视化组件)与图表组件之间的通信，使得选项组与图表组件之间的传参，实现数据的实时切换。
在一些实施例中，图表组件被配置为将图表组件中至少一个第三数据项与写入第二数据项的占位符绑定，以将至少一个第三数据项映射到第二数据项。例如，在可视化组件的第二数据项表示为value的情况下，写入第二数据项的占位符可以表示为${value}。例如，图表组件中至少一个第三数据项与图表组件对应的数据源中的第三变量绑定，参考图16B，第三变量表示为x_size，此时，图表组件中至少一个第三数据项与写入第二数据项的占位符绑定可以表示为x_size＝${value}。这样，可以将至少一个第三数据项映射到第二数据项。在此情况下，可视化组件和图表组件之间进行通信或交互，可视化组件发布第二数据项对应的事件，图表组件可以监听可视化组件的第二数据项对应的发布事件，此时，第二数据项对应的数据可以传输至图表组件中与写入第二数据项的占位符绑定的至少一个第三数据项。
示例性地，不同的组件之间(例如，图表组件和选项组的可视化组件之间或者图表组件和图表组件之间)可以通过事件总线原理进行数据传输，即，一个组件(即事件发布者)通过事件总线将该组件对应的数据发送至其他组件(即事件接收者)，从而实现组件与组件之间(例如一对一或者一对多)的交互或者通信。例如，在一个组件发生变化时，其他组件将会响应于事件总线传递的事件值，做相应的动作，例如，一个选项组的可视化组件对应的数据发生变化，图表组件将会响应于事件总线传递的数据，重新渲染图表，得到更新后的图表。
在一些实施例中，至少一个图表组件还被配置为每隔预设时间更新一次第一图表和第二图表中的至少一者。例如，第一图表和第二图表中的至少一者每隔预设时间重新获取数据，使得被更新图表对应的至少一个第三数据项每隔预设时间，接收选项组的可视化组件的第二数据项传输的数据，更新一次图表中的数据内容。例如，预设时间也可以为刷新频率。例如，图18B中的(A)部分中显示的图表间隔3秒后得到图10中的(B)部分中显示的图表，两个图表的数据内容发生了变化。这样，可以使得第一图表和第二图表中的至少一者实时更新数据，显示最新的数据。此外，可以根据实际情况，对预设时间进行设计，在此不做限定，例如，预设时间可以为3秒、5秒或7秒等。
本公开的实施例提供一种数据处理方法。该数据处理方法可以应用于上 述的数据处理装置。示例性地，数据处理装置通过数据处理方法得到的处理结果可以在显示装置上以3D模型的方式呈现。其中，数据处理方法包括：
显示包括选项组的第一界面，选项组包括第一选项和第二选项，在第一界面中第一选项处于选中状态，第二选项处于非选中状态，第一界面还包括：第一选项对应的第一图表。
响应于在第一界面上选中选项组中第二选项的操作，显示包括选项组的第二界面，在第二界面中，第一选项处于非选中状态，第二选项处于选中状态，第二界面还包括：第二选项对应的第二图表。
示例性地，文中的图表可以包括2D模型的图表或3D模型的图表；例如，图表可以包括折线图、条形图、柱状图、柱线图、散点图、地图、矩形树图、雷达图、饼状图、旭日图、热力图、水位图、弧形柱图等类型。例如，图表可以包括基础柱状图(即垂直柱状图)、分组柱状图、堆叠柱状图、折线分组柱状图、折线堆叠柱状图，还可以包括基础折线图(即单折线图)、多折线图等类型。例如，图表可以包括Unity模型的图表。示例性地，第一图表和第二图表可以是同一类型的图表。
示例性地，在第一界面上，第一选项处于选中状态，第二选项处于非选中状态，此时，显示第一选项对应的第一图表；在第一界面上选中选项组中第二选项的操作，例如，可以是点击第二选项对应的显示内容，例如该显示内容可以是能够表征第二选项的文字或图像，此时，显示第二界面；其中，第二选项处于选中状态，第一选项处于非选中状态，显示第二选项对应的第二图表，不显示第一选项对应的第一图表。
示例性地，在第一界面上，第一选项显示，第二选项可以隐藏；在第二界面上，第二选项显示，第一选项可以隐藏；或者，在第一界面和第二界面上，第一选项和第二选项均显示。示例性地，在第一界面和第二界面上均显示第一选项和第二选项的情况下，处于选中状态的选项与位于非选中状态的选项可以呈现不同的显示状态。具体在此不作限定，只要使得处于选中状态的选项和处于非选中状态的选项在界面中显示时可以被区分即可。例如，第一选项和第二选项中的一者被选中时，被选中的选项显示的字体与未被选中的选项显示的字体的大小或颜色不同；或者，被选中的选项显示的名称与未被选中的选项显示的名称不同；或者，被选中的选项显示的尺寸与未被选中的选项显示的尺寸不同。这样，用户在界面上可以直观看到处于选中状态的选项和处于非选中状态的选项。
示例性地，选项组可以是标题菜单，第一选项和第二选项均为标题菜单 的标题选项。示例性地，标题菜单在界面中可以以标题栏的形式呈现。示例性地，参考图4，在第一界面F1中，选项组101是标题菜单的情况下，标题选项包括人员车辆、综合安防、工单任务或告警管理。例如，如图4所示，标题选项中的人员车辆处于选中状态，此时，第一选项为人员车辆，第一界面F1显示人员车辆对应的图表；例如，在人员车辆的标题选项下的图表可以包括至少一个图表，即，至少一个第一图表，至少一个图表分别用于表征人员数量统计、车辆数量统计、访客记录、车位统计、人员热力图或者动环能耗等的数据统计结果；例如，参考图5，在第二界面F2中，标题选项中的综合安防处于选中状态，此时，第二选项为综合安防，第二界面F2显示综合安防对应的图表；例如，在综合安防的标题选项下的图表可以包括至少一个图表，即，至少一个第二图表，至少一个图表分别用于表征物资数量统计或者安防设备状态统计等的数据统计结果。可以理解的是，参考图4和图5，第一选项101A是人员车辆，第二选项101B是综合安防，在第一界面F1中第一选项101A处于选中状态，第二选项101B处于非选中状态，第一界面F1显示的第一图表，不显示第二图表，此时，用户可以直观看到与人员车辆相关的数据；在第二界面F2中第一选项101A处于非选中状态，第二选项101B处于选中状态，第二界面F2显示第二图表，不显示第一图表，此时，用户可以直观看到与综合安防相关的数据。
其中，选项组可以包括多个选项，多个选项中的两个选项中的一者作为第一选项，两个选项中的另一者作为第二选项；其中，第一选项和第二选项之间可以进行切换或选择。例如，上述的人员车辆可以看作是第二选项，综合安防可以看作是第一选项；或者，例如，参考图8和图9，人员车辆可以看作第一选项101A，告警管理可以看作第二选项101B；在图8中的第一界面F1，人员车辆处于选中状态，告警管理处于未选中状态，可以得到关于人员数量统计、车辆数量统计、访客记录、车位统计、人员热力图或者动环能耗等的数据统计结果的第一图表，在图9中的在第二界面F2，告警管理处于选中状态，人员车辆处于未选中状态，可以得到关于告警类型统计、告警状态统计、告警数量或者告警记录等的数据统计结果的第二图表。
示例性地，选项组为下拉菜单，第一选项和第二选项均为下拉菜单的下拉选项。示例性地，下拉菜单在界面中可以以下拉框的形式呈现。例如，参考图6和图7，选项组101是下拉菜单的情况下，下拉选项包括第一场景和第二场景，其中，第一选项101A为第一场景，第二选项101B为第二场景，在此情况下，在图6中的第一界面F1中第一选项101A处于选中状态，第二选 项处于非选中状态(例如不在第一界面中显示)，第一界面显示的第一图表，不显示第二图表，此时，用户可以直观看到第一场景相关的数据；在图7中的第二界面F2中第一选项处于非选中状态(例如不在第二界面中显示)，第二选项101B处于选中状态，第二界面显示第二图表，不显示第一图表，此时，用户可以直观看到第二场景相关的数据。其中，对于选项组是下拉菜单的情况，不同下拉选项中的图表类型可以是一样的，但是图表所反映的数据内容可以是不同的。例如，第一图表和第二图表可以是同一类型的图表；在第一场景相关的数据和第二场景相关的数据不相同的情况下，第一图表和第二图表所表征的数据是不同的。例如，参考图6和图7，第一图表和第二图表均为环形图，但是图6中的第一图表和图7中的第二图表的数据不同。
示例性地，选项组为图表，第一选项和第二选项均为图表的图表字段。例如，图表包括第一图表字段和第二图表字段，则第一选项为第一图表字段，第二选项为第二图表字段，第一图表字段和第二图表字段可以是不同图表字段，也可以是相同图表字段。示例性地，在选项组为饼状图的情况下，图表字段对应饼状图中的各个部分(即扇形部分)，例如，参考图10，第一选项对应的饼状图的第一图表字段对应饼状图中的A部分，第二选项对应的饼状图的第二图表字段对应饼状图中的B部分。在此情况下，在第一界面中第一选项处于选中状态，第二选项处于非选中状态，第一界面显示的第一图表，不显示第二图表，此时，用户可以直观看到第一选项相关的数据；在第二界面中第一选项处于非选中状态，第二选项处于选中状态，第二界面显示第二图表，不显示第一图表，此时，用户可以直观看到第二选项相关的数据。例如，参考图10，选项组的图表为饼状图，第一图表字段对应饼状图中的A部分，即，第一选项为饼状图中的A部分，第二图表字段对应饼状图中的B部分，即，第二选项为饼状图中的B部分，如图10中的(A)部分所示，选中第一选项，未选中第二选项，对应显示的第一图表，该第一图表为折线图；参考图10中的(B)部分，选中第二选项，未选中第一选项，对应显示的第二图表，该第二图表也为折线图，且第二图表对应的数据与第一图表对应的数据不同。其中，第一图表和第二图表可以是同一类型的图表，也可以是不同类型的图表；第一图表和第二图表所表征的数据可以是不同的，也可以是相同的；这些可以根据实际情况，在此不作限定。
需要说明的是，文中对选项组的具体数量不作限定，可以根据实际情况进行设定。示例性地，同一界面上可以显示多个选项组。多个选项组包括第一选项组和第二选项组，可以通过选定第一选项组的一个选项，将第二选项 组中的至少两个选项作为上述的第一选项和第二选项，这样，可以第一界面上显示的第一图表可以分别与第一选项和第一选项组中被选定的第一选项对应，第二界面上显示的第二图表可以分别与第二选项和第一选项组中被选定的第一选项对应。例如多个选项组包括下拉菜单、标题菜单和图表中的至少两个。例如，在标题菜单中的多个菜单选项中，选中一个菜单选项的情况下，可以对下拉菜单中的不同下拉选项进行切换；或者，在标题菜单中的多个菜单选项中选中一个菜单选项，且在下拉菜单中的多个下拉选项中选中一个下拉选项的情况下，对图表中的不同图表字段进行切换。
例如，参考图8和图9，下拉菜单作为第一选项组，标题菜单作为第二选项组，固定下拉菜单中的一个下拉选项(例如第一场景)，标题菜单中的标题选项作为选项组101中的第一选项101A和第二选项101B，例如人员车辆作为第一选项101A，告警管理作为第二选项101B，这样，在第一界面F1可以显示与人员车辆和第一场景对应的第一图表，在第二界面F2可以显示与告警管理和第一场景对应的第二图表。例如，参考图6和图7，标题菜单作为第一选项组，下拉菜单作为第二选项组，固定标题菜单中的一个标题选项(例如综合安防)，下拉菜单中的下拉选项作为选项组101中的第一选项101A和第二选项101B，例如第一场景作为第一选项101A，第二场景作为第二选项101B，这样，在第一界面F1可以显示与第一场景和综合安防对应的第一图表，在第二界面F2可以显示与第二场景和综合安防对应的第二图表。
因此，本公开的实施例提供一种数据处理方法，在第一界面中第一选项处于选中状态，第二选项处于非选中状态，在第一界面显示第一选项对应的第一图表。响应于在第一界面上选中选项组中第二选项的操作，显示包括选项组的第二界面，在第二界面中，第一选项处于非选中状态，第二选项处于选中状态，在第二界面显示第二选项对应的第二图表。这样，第一选项与第一图表相关联，第二选项与第二图表相关联，如果第一选项发生变化，第一图表可以随着第一选项的变化而发生变化，如果第二选项发生变化，第二图表可以随着第一选项的变化而发生变化，通过切换第一选项和第二选项，可以实现第一图表和第二图表的切换，使得第一图表和第一选项之间实现交互，第二图表和第二选项之间实现交互，从而提高了数据可视化的效果。
在一些实施例中，在显示选项组的第一界面之前，数据处理方法包括：设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系。这样，可以将第一图表与第一选项建立关联，将第二图表与第二选项建立关联，使得在选项组中的第一选项和第二选项进行切换的情况下，第一图表和 第二图表也进行切换，在界面上实现显示或隐藏。
示例性地，设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系，包括：将第一图表的对应项设置为第一选项；将第二图表的对应项设置为第二选项。例如，选中第一图表，设置第一图表的属性，将第一图表的对应项设置为第一选项的对应值，该第一选项的对应值可以表征第一选项；选中第二图表，设置第二图表的属性，将第二图表的对应项设置为第二选项的对应值，该第二选项的对应值可以表征第二选项。例如，第一选项的对应值可以为第一选项的名称或创建顺序，第二选项的对应值可以为第二选项的名称或创建顺序。例如，第一选项先于第二选项建立，则第一选项对应的第一选项的对应值可以为menu1，第二选项对应的第二选项的对应值可以为menu2，这样，可以将第一图表的对应项设置为menu1，将第二图表的对应项设置为menu2，使得第一图表与第一选项相关联，第二图表与第二选项相关联。
示例性地，设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系，包括：响应于在第三界面上的第一操作，将第一图表的对应项设置为第一选项；响应于在第三界面上的第二操作，将第二图表的对应项设置为第二选项。
示例性地，参考图11A，选中第一图表201，第三界面F3上包括第一图表201的对应项输入框501，在第一图表201的对应项输入框501中输入第一选项的对应值，可以将第一图表201的对应项设置为第一选项。例如，第一操作可以是在第一图表201的对应项输入框501中输入第一选项101A(例如人员车辆)的对应值menu1。示例性地，参考图11B，选中第一图表202，第三界面F3上包括第二图表202的对应项输入框502，在第二图表202的对应项输入框502中输入第二选项的对应值，可以将第二图表202的对应项设置为第二选项。例如，第二操作可以是在第二图表202的对应项输入框502中输入第二选项101B(例如综合安防)的对应值menu2。示例性地，参考图11C，选中第一图表202，第三界面F3上包括第二图表202的对应项输入框502，在第二图表202的对应项输入框502中输入第二选项的对应值，可以将第二图表202的对应项设置为第二选项。例如，第二操作可以是在第二图表202的对应项输入框502中输入第二选项101B(例如告警管理)的对应值menu4。可以理解的是，参考图11A至图11D，选项组101包括四个选项，四个选项分别为人员车辆、综合安防、工单任务和告警管理，人员车辆、综合安防、工单任务和告警管理依次创建，这样，人员车辆的对应值可以为menu1，综 合安防的对应值可以为menu2，工单任务的对应值可以为menu3，告警管理的对应值可以为menu4。
可以理解的是，每个选项的对应值与该选项相关联。在此情况下，第一图表配置有第一选项的对应值，第二图表配置有第二选项的对应值。示例性地，如果选中第一选项，此时开启第一选项的对应项的发布事件(emit事件)，第一图表和第二图表监听该事件，由于第一图表配置有第一选项的对应项(例如对应值)，第二图表未配置有第一选项的对应项(例如对应值)，因此，显示第一图表，不显示第二图表；如果选中第二选项，此时开启第二选项的对应项的发布事件，第一图表和第二图表监听事件(on事件)，由于第二图表配置有第二选项的对应项(例如对应值)，第一图表未配置有第二选项的对应项(例如对应值)，因此，显示第二图表，不显示第一图表。这样，可以实现选项和图表之间的交互。
此外，在选中图表的情况下，可以对该图表的属性进行设定，例如，图表的横坐标、纵坐标、宽度、高度、背景、背景图等，背景可以为默认背景，背景图可以是采用访问图片地址或者点击或拖拽图片到指定位置的方式设定。也可以对选项的图标进行设计，图标可以是采用点击或拖拽图片到指定位置的方式设定，这样，选项组中的每个选项均可以显示对应的图标。
在一些实施例中，数据处理方法还包括：显示第三界面。第三界面包括第一图表或第一图表的关联图表，以及第二图表或第二图表的关联图表。第一图表的关联图表与第一图表属于第一图表组件，第二图表的关联图表与第二图表属于第二图表组件。
需要说明的是，组件(Component)是独立可复用的独立个体实例，其本质是对静态或动态或一系列逻辑的封装。其中，组件可以包括组件的属性信息以及实现预设功能的方法。其中，属性信息可以包括组件的数据的访问客体，例如宽度、高度等属性，预设功能可以包括组件能够实现的功能，在具体的编程中，实现预设功能的方法可以采用函数的形式表示。一个组件可以作为组件的数据以及组件可以实现功能的封装体，能够重复使用硬且可以和其他组件进行数据交互。
示例性地，属于同一个图表组件的各个图表是同一个图表类型，例如，第一图表和第一图表的关联图表是同一个图表类型，即，在界面(例如第一界面)上显示同一图表类型的图表，例如，第一图表和第一图表的关联图表显示是竖直柱状图；第二图表和第二图表的关联图表是同一个图表类型，即，在界面(例如第二界面)上显示同一图表类型的图表，例如，第二图表和第 二图表的关联图表是水平柱状图。示例性地，属于同一个图表组件的各个图表所显示的数据内容可以不同；例如，第一图表显示的数据和第一图表的关联图表显示的数据可以不同，例如，第一图表的关联图表可以是处于初始状态的第一图表，即，第一图表还未进行配置时显示的图表可以是第一图表的关联图表；第二图表显示的数据和第二图表的关联图表显示的数据可以不同，例如，第二图表的关联图表可以是处于初始状态的第二图表，即，第二图表还未进行配置时显示的图表可以是第二图表的关联图表。示例性地，图表组件可以采用ECharts或其他图表库中的图表组件。
示例性地，设置第一选项与第一图表的对应关系，以及第二选项与第二图表的而对应关系，包括：接收在第三界面中选中第一图表或第一图表的关联图表的操作，以及将第一图表组件中的对应项设置为第一选项；接收在第三界面中选中第二图表或第二图表的关联图表的操作，以及将第二图表组件中的对应项设置为第二选项。
可以理解的是，参考图13A，在第三界面F3中选中第一图表或第一图表的关联图表，将第一图表组件610中的对应项设置为第一选项menu1，这样，属于第一图表组件的第一图表和第一图表的关联图表可以与第一选项关联，参考图13C，在选中第一选项的情况下，可以显示第一图表或第一图表的关联图表。参考图13B，在第三界面F3中选中第二图表或第二图表的关联图表，将第二图表组件620中的对应项设置为第二选项menu2，这样，属于第二图表组件的第二图表和第二图表的关联图表可以与第二选项关联，参考图13C，在选中第二选项的情况下，可以显示第二图表或第二图表的关联图表。在此情况下，对一个图表组件中的对应项进行设置为一个选项，该图表组件中的所有图表均与该一个选项对应，即，选中该一个选项，可以显示该图表组件中的至少一个图表。
示例性地，在设置一个图表组件中的对应项的过程中，可以显示该图表组件的对应项设置栏(例如图13A和图13B中的“菜单项”一栏)，该对应项设置栏包括允许对应开关项(例如图13A和图13B中的“是否对应”处的滑动开关)和对应项输入框(例如图13A和图13B中的“对应项”处)，开启允许对应开关项，并在对应项输入框中输入一个选项的对应值，这样，该图表组件配置有该选项的对应值。在此情况下，在该选项发布事件的过程中，各个图表组件可以监听事件，其中配置有该选项的对应值的图表组件会响应该发布事件对应的信息，进行显示，例如，选中该选项后，配置有该选项的对应值的图表组件可以显示，从而实现选项和图表组件的交互。
在一些实施例中，设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系，包括：
配置选项组的数据项。选项组的数据项包括第一数据项和第一数据项对应的第二数据项，第一数据项被配置为区分第一选项和第二选项。例如，参考图14A和图14B，选项组的数据项中的第一数据项与变量name绑定，此时，选项组中的选项A显示为第一场景，选项B显示为第二场景，第二数据项与变量id绑定，选项A(即第一选项)对应的数据为变量name为第一场景对应的变量id的数据，选项B(即第二选项)对应的数据为变量name为第二场景对应的变量id的数据。示例性地，选项组中的第一数据项可以用于对选项组进行标识；例如，选项组中的第一数据项在界面上显示，第二数据项不在界面上显示。选项组中的不同选项的第一数据项的内容不同。例如，在选项组是下拉菜单的情况下，第一选项的第一数据项可以是第一场景，第二选项的第一数据项可以是第二场景；例如，在选项组是标题菜单的情况下，第一选项的第一数据项可以是人员车辆，第二选项的第一数据项可以是综合安防；例如，在选项组是图表的情况下，第一选项对应的第一数据项可以是图表的第一图表字段，该第一图表字段表征第一类目，第二选项对应的第一数据线可以是图表中的第二图表字段，该第二图表字段表征第二类目。
创建第三图表，第三图表包括至少两个第三数据项。例如，参考图15A，第三界面F3上选中第三图表203，可以对第三图表203的第三数据项进行设定。示例性地，第三图表可以是第一图表或第二图表处于初始状态的图表。示例性地，第三图表中的至少两个第三数据项可以表征第三图表的数据。例如，在第三图表(例如包括柱状图、折线图等具有横纵坐标轴的图表)的至少两个第三数据项可以分别为横坐标的数据和纵坐标的数据。
将第三图表中至少一个第三数据项映射到第二数据项，在第三图表中至少一个第三数据项映射到第一选项对应的第二数据项的情况下，第三图表为第一图表；在第三图表中至少一个第三数据项映射到第二选项对应的第二数据项的情况下，第三图表为第二图表。
可以理解的是，第三图表中至少一个第三数据项映射到第一选项对应的第二数据项，使得第三图表与第一选项相关联，并且第一选项对应的第二数据项对应的数据可以传输至第三图表中至少一个第三数据项，此时，第一图表对应的数据与第一选项对应的第二数据项对应的数据有关；第三图表中至少一个第三数据项映射到第二选项对应的第二数据项，使得第三图表与第二选项相关联，并且第二选项对应的第二数据项对应的数据可以传输至第三图 表中至少一个第三数据项，此时，第二图表对应的数据与第二选项对应的第二数据项对应的数据有关。在此情况下，如果第一选项对应的第二数据项对应的数据发生变化，则第一图表对应的数据也会发生相应的变化，使得第一选项与第一图表之间实现交互；如果第二选项对应的第二数据项对应的数据发生变化，则第二图表对应的数据也会发生相应的变化，使得第二选项与第二图表之间实现交互。
在一些实施例中，设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系，包括：
配置选项组的可视化组件，可视化组件包括第一数据项和第一数据项对应的第二数据项，第一数据项被配置为区分第一选项和第二选项。
配置图表组件，图表组件包括至少两个第三数据项，以将图表组件中至少一个第三数据项映射到第二数据项，在图表组件中至少一个第三数据项映射到第一选项对应的第二数据项的情况下，显示的图表为第一图表；在图表组件中至少一个第三数据项映射到第二选项对应的第二数据项的情况下，显示的图表为第二图表。
可以理解的是，选项组的可视化组件可以包括选项组的属性信息以及实现预设功能的方法。其中，属性信息可以包括选项组的数据的访问客体，例如宽度、高度等属性，预设功能可以包括选项组能够实现的功能，在具体的编程中，实现预设功能的方法可以采用函数的形式表示。选项组的可视化组件可以作为选项组的数据以及可以实现功能的封装体，能够重复使用硬且可以和其他组件进行数据交互。
示例性地，选项组的可视化组件可以有多个，参考图14C，多个选项组的可视化组件可以在第六界面F6上显示，可以从多个选项组的可视化组件中选择至少一个，拖拽至界面上。其中，可视化组件中的第一数据项可以用于对可视化组件进行标识；例如，可视化组件中的第一数据项在界面上显示，第二数据项不在界面上显示。可视化组件中的不同选项的第一数据项的内容不同。
在一些实施例中，设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系，包括：
显示第四界面，第四界面包括处于初始态的选项组。示例性地，在选项组的选择框中选择选项组，例如，参考图14C，该选项组的选择框可以在第六界面F6上显示，将选中的选项组进行拖拽，得到初始状态的选项组(例如图14A中的第四界面F4上显示的第一可视化组件710对应的初始状态的选项 组或第二可视化组件720对应的初始状态的选项组)。示例性地，处于初始状态的选项组的各个数据项可以均为空，或者均为初始默认值。
接收在第四界面上选中处于初始状态的选项组的操作，以及配置选项组的可视化组件的操作，可视化组件包括第一数据项和第一数据项对应的第二数据项，第一数据项被配置为区分第一选项和第二选项。示例性地，参考图14A和图14B，在第四界面F4上选中处于初始状态的选项组，获得选项组对应的数据源，将第一数据项与选项组对应的数据源中的一个变量绑定，将第二数据项与选项组对应的数据源中的另一个变量绑定，例如，选项组对应的数据源包括变量name和id，将第一数据项与变量name绑定，将第二数据项与变量id绑定，使得第一数据项对应的数据为数据源中变量name对应的数据，第二数据项对应的数据为数据源中变量id对应的数据。
显示第五界面，第五界面包括第三图表。示例性地，在图表组件库中选中第三图表所属的图表组件，将其拖拽至第五界面，得到第三图表。此时，第三图表还未进行配置，例如，第三图表处于初始化状态。例如，参考图12，第七界面F7上可以显示多个图表组件，从多个图表组件中进行选择，例如，一个图表组件(例如第一图表组件610)和另一个图表组件(例如第二图表组件620)，可以将选中的图表组件在界面上进行拖拽，并移动至合适的位置，以得到第三图表。
配置第三图表所属的图表组件，图表组件包括至少两个第三数据项，以将图表组件中至少一个第三数据项映射到第二数据项，在图表组件中至少一个第三数据项映射到第一选项对应的第二数据项的情况下，显示的图表为第一图表；在图表组件中至少一个第三数据项映射到第二选项对应的第二数据项的情况下，显示的图表为第二图表。例如，参考图15A至图15C，第三图表203的图表组件进行配置，将至少一个第三数据项(即第三数据项2)映射到第二数据项，使得在至少一个第三数据项映射到第一选项对应的第二数据项的情况下，选中第一选项，第三图表渲染得到第一图表；在至少一个第三数据项映射到第二选项对应的第二数据项的情况下，选中第二选项，第三图表渲染得到第二图表。
可以理解的是，图表组件中至少一个第三数据项映射到第一选项对应的第二数据项，使得图表组件与第一选项相关联，并且第一选项对应的第二数据项对应的数据可以传输至图表组件中至少一个第三数据项，图表组件可以根据接收到的第一选项对应的第二数据项对应的数据，渲染得到第一图表，并使第一图表显示，此时，第一图表对应的数据与第一选项对应的第二数据 项对应的数据有关；图表组件中至少一个第三数据项映射到第二选项对应的第二数据项，使得图表组件与第二选项相关联，并且第二选项对应的第二数据项对应的数据可以传输至图表组件中至少一个第三数据项，图表组件可以根据接收到的第二选项对应的第二数据项对应的数据，渲染得到第二图表，并使第二图表显示，此时，第二图表对应的数据与第二选项对应的第二数据项对应的数据有关。在此情况下，如果第一选项对应的第二数据项对应的数据发生变化，则第一图表对应的数据也会发生相应的变化，使得第一选项与第一图表之间实现交互；如果第二选项对应的第二数据项对应的数据发生变化，则第二图表对应的数据也会发生相应的变化，使得第人选项与第二图表之间实现交互。另外，在第一选项或第二选项中的第二数据项发生变化的情况下，不用重新创建图表，第一选项或第二选项可以向关联的图表组件传递参数，图表组件呈现的数据内容发生相应的变化，这样可以使用户获取最新的数据。
示例性地，将图表组件中至少一个第三数据项映射到第二数据项，包括：将第二数据项对应的数据源中的第一变量与第二变量绑定；将图表组件中至少一个第三数据项与第二变量绑定。
其中，数据源是指数据库应用程序所使用的数据库或者数据库服务器，是提供数据的器件或原始媒体。在数据源中存储了所有建立数据库连接的信息。示例性地，数据源可以包括：动态数据源和静态数据源；其中，动态数据源中的数据是可以实时变化的，静态数据源中的数据可以是固定不变的。例如，动态数据源包括：通过API(Application Programming Interface，应用程序接口)获取的数据，获取应用系统或数据库的数据；或者，通过程序语言(例如SQL(结构化查询语言，Structured Query Language))访问数据库获取的数据。例如，静态数据源包括：预先配置的CSV(Comma-Separated Values，逗号分隔值)文件的数据，或者，自定义数据(例如用户输入的数据)。
可以理解的是，第二数据项与第二数据项对应的数据源中的第一变量(参考图14B中的变量id)绑定，使得第二数据项对应的数据为第二数据项对应的数据源中的第一变量表征的数据。在此情况下，将第二数据项对应的数据源中的第一变量与第二变量(参考图14D中的变量val)绑定，使得第二变量表征的数据为第二数据项对应的数据源中的第一变量表征的数据。其中，在图表组件中与第二变量绑定的至少一个第三数据项接收的数据是相同的，图表组件中与第二变量绑定的至少一个第三数据项接收的数据均为第二变量对应的数据，即均为第二数据项对应的数据库中的第一变量表征的数据。
可以理解的是，在图表组件中的第三数据项还未与第二变量绑定的情况下，图表组件中的第三数据项与该第三数据项对应的数据源中的第三变量(参考图15A中的变量x_size)绑定，此时，第三数据项对应的数据为该第三数据项对应的数据源中的第三变量表征的数据。在图表组件中的第三数据项与第二变量绑定的过程中，可以将第三数据项对应的第三变量与第二变量绑定，此时，第三数据项与第二变量绑定，使得第三数据项对应的数据为第二变量表征的数据，即为第二数据项对应的数据源中的第一变量表征的数据。这样，可以实现了选项组(也即选项组的可视化组件)向图表组件传输数据，在切换选项组的不同选项的过程中，图表组件的数据内容也相应进行切换。
示例性地，将第二数据项对应的数据源中的第一变量与第二变量绑定，包括：接收用户在第二数据项的绑定输入框中输入的第二变量，以使得第二数据项对应的数据源中的第一变量与绑定输入框中输入的第二变量绑定。例如，参考图14D，在第八界面F8中，在第二数据项的绑定输入框(例如图14D中的“绑定到变量”)中，输入第二变量的变量名称，例如输入val，使得第二数据项对应的数据源中的第一变量与绑定输入框中输入的第二变量val绑定。该第八界面与第四界面可以是同一界面。
其中，第二变量的名称可以是用户自定义，在此不做限定。例如，选中选项组的可视化组件，在选项组的可视化组件对应的数据选择栏(例如图14A所示)中设置选项组的可视化组件对应的数据源，也即第二数据项对应的数据源，例如，可以在选项组的可视化组件对应的数据选择栏中选择数据源的类型，例如，可以选择数据库作为数据源，选中的数据源包含第一变量；将第二数据项与第一变量建立字段映射，例如，在第二数据项对应的字段映射输入框(例如图14A所示)中输入第一变量，例如输入id，使得第二数据项与第二数据项对应的数据源中的第一变量绑定。
示例性地，在选择数据库作为数据源的情况下，可以通过SQL获取数据库中的数据，也可以在界面上预览数据；例如点击“获取数据”，获取数据库中的数据，点击“预览数据”，在界面上显示获取到的数据。例如，获取的数据库可以包括多个变量，可以在第二数据项对应的字段映射输入框中输入多个变量中的一个变量(即第一变量)，使得第二数据项与输入的一个变量绑定。
示例性地，选项组的可视化组件中的第一数据项和第二数据项属于同一个数据源。在获得第二数据项对应的数据源的情况下，可以对第一数据项进行配置，例如，在第一数据项对应的字段映射输入框中输入多个变量中的一 个变量，使得第一选项与输入的一个变量绑定，第一数据项对应的数据为该输入的一个变量对应的数据。其中，第一数据项绑定的数据源中的变量与第二数据项绑定的数据源中的变量是相关联的。例如，第一数据项表征类目，第二数据项表征类目对应的数据内容(例如数值)；例如，选项组的可视化组件对应的数据源包括两个变量，分别为name和id，第一数据项可以与两个变量中的一个变量绑定，第二数据项可以与两个变量中的另一个变量绑定，例如，在第一数据项对应的字段映射输入框中输入name，在第二数据项对应的字段映射输入框中输入id。这样，第一数据项对应的数据为变量name对应的数据，第二数据项对应的数据为变量id对应的数据，该变量id即为第一变量。
另外，第一数据项对应的数据可以在显示该选项组的界面上显示，即，变量name对应的数据可以显示，以区分选项组中的不同选项；例如，在变量name的数据包括第一场景和第二场景的情况下，选项组的第一数据项的数据为第一场景和第二场景，可以区分选项组的第一选项和第二选项；例如，选项组的第一选项为第一场景，第二选项为第二场景。其中，选项组的选项的个数可以与第一数据项对应的数据有关；例如，第一数据项对应的数据的个数与选项组的选项的个数有关，例如两者相等。
示例性地，在图表组件对应的数据选择栏中，设置图表组件对应的数据源，例如，可以在图表组件对应的数据选择栏中选择数据源的类型，例如，可以选择数据库作为数据源，选中的数据源包含第三变量；将至少一个第三数据项与第三变量建立字段映射，例如，在至少一个第三数据项对应的字段映射输入框中输入第三变量(例如图15A中的变量x_size)，使得至少一个第三数据项与第三变量绑定，此时，至少一个第三数据项对应的数据为第三变量表征的数据。示例性地，将图表组件中的第三数据项与第二变量绑定，例如，第三数据项与第三变量x_size绑定，参考图14D，第二变量定义为val，这样，参考图15B，“x_size＝$val”可以表示第三数据项与第二变量绑定。
在此情况下，在选中选项组中的第一选项，未选中选项组中的第二选项的情况下，选项组中的第一选项触发交互事件，与第二变量绑定的图表组件可以监听到该事件，使得与第二变量绑定的图表组件中至少一个第三数据项对应的数据可以是第一选项对应的第二数据项对应的数据；在选中选项组中的第二选项，未选中选项组中的第一选项的情况下，选项组中的第二选项触发交互事件，与第二变量绑定的图表组件可以监听到该事件，使得与第二变量绑定的图表组件中至少一个第三数据项对应的数据可以是第二选项对应的 第二数据项对应的数据。这样，切换选项组中的不同选项，使得图表组件对应的数据可以发生相应的变化，例如，参考图15C，第一选项(即第一场景)下显示的第一图表和第二选项(即第二场景)下显示的第二图表的数据内容不同，可以实现选项组(也即选项组的可视化组件)与图表组件之间的通信，使得选项组与图表组件之间的传参，实现数据的实时切换。
示例性地，在将第二数据项对应的数据源中的第一变量与第二变量绑定之前，数据处理方法还包括：开启可视化组件的第二数据项对应的发布事件开关项。
例如，选中可视化组件，可视化组件具备有第二数据项对应的发布事件的开关项(例如图14D中的第八界面F8上的“切换数据项事件”)，在开启可视化组件的第二数据项对应的发布事件开关项，例如勾选图14D中的“切换数据项事件”，向其他组件(例如包括图表组件等)发送该可视化组件的第二数据项对应的开关项事件，其他组件监听该可视化组件的第二数据项对应的开关项事件，在其他组件中的数据项(例如图表组件中至少一个第三数据项)映射到该可视化组件的第二数据项的情况下，该可视化组件的第二数据项对应的数据可以传输至其他组件中的数据项，这样，在可视化组件的第二数据项对应的数据发生变化或者切换的同时，其他组件中的数据项对应的数据也会发生相应的变化或者切换，即，图表组件中至少一个第三数据项对应的数据也会发生相应的变化或者切换，从而实现了可视化组件和其他组件(例如图表组件)之间的交互。
在一些实施例中，将图表组件中至少一个第三数据项映射到第二数据项，包括：开启可视化组件的第二数据项对应的发布事件开关项；将图表组件中至少一个第三数据项与写入第二数据项的占位符绑定；开启图表组件的接收事件开关项，以使图表组件中至少一个第三数据项映射到第二数据项。
例如，开启可视化组件(也即选项组)的第二数据项对应的发布事件开关项(例如图16A中的第九界面F9上的发布事件对应的滑动开关)；在可视化组件的第二数据项表示为value的情况下，写入第二数据项的占位符可以表示为${value}。例如，图表组件中至少一个第三数据项与图表组件对应的数据源中的第三变量绑定，参考图16B，第三变量表示为x_size，此时，图表组件中至少一个第三数据项与写入第二数据项的占位符绑定可以表示为x_size＝${value}。在此情况下，开启图表组件的接收事件开关项(例如图16C中的第十界面F10上的接收事件对应的滑动开关)，即，可视化组件和图表组件之间开启事件交互，图表组件可以监听可视化组件的第二数据项对应的 发布事件，此时，第二数据项对应的数据可以传输至图表组件中与写入第二数据项的占位符绑定的至少一个第三数据项。
示例性地，不同的组件之间(例如，图表组件和选项组的可视化组件之间或者图表组件和图表组件之间)可以通过例如事件总线的原理进行数据传输，即，一个组件(即事件发布者)通过事件总线的方式，利用emit发布事件，通知其他组件，其他组件利用on接收事件，做出相应的操作，使得该一个组件将该组件对应的数据发送至其他组件(即事件接收者)，从而实现组件与组件之间(例如一对一或者一对多)的交互或者通信。例如，在一个组件发生变化时，其他组件将会响应于事件总线传递的事件值，做相应的动作，例如，一个选项组的可视化组件对应的数据发生变化，图表组件将会响应于事件总线传递的数据，重新渲染图表，得到更新后的图表。例如，在3D模型中，选项组的可视化组件发送事件，图表组件通过事件总线接收事件，通过Unity模型(也可作为组件)发送约定消息和数据。
示例性地，对于图表组件(例如图表)与图表组件(例如图表)之间的交互，可以将其中一个图表组件作为上述的选项组的可视化组件，即，将图表作为选项组，与图表组件进行交互。例如，如图17A至图17E所示，将一个初始化的图表组件(例如环形图)中一个第三数据项1A可作为第一数据项，与其对应的数据源中的一个变量(例如变量de)绑定，将一个初始化的图表组件(例如环形图)中一个第三数据项2A可作为第二数据项，将第三数据项2A与其对应的数据源中的一个变量(例如变量x_size)绑定，可以得到图表的各选项，例如，环形图中的部分PartA作为第一图表字段，也即第一选项；环形图中部分PartB作为第二图表字段，也即第二选项；在第三数据项2A的绑定输入框(例如“绑定到变量”)中，输入自定义的变量名称，例如输入Pieval，使得第三数据项2A对应的数据源中的变量x_size与绑定输入框中输入的变量Pieval绑定；将另一个初始化的图表组件(例如柱状图)中的一个第三数据项1B与其对应的数据源中的一个变量(例如变量label)绑定，另一个第三数据项2B与其对应的数据源中的一个变量(例如变量y_size)绑定；将第三数据项2B与变量Pieval绑定，即，y_size＝$Pieval，这样，在切换图表的不同图表字段的情况下，在选中环形图中部分PartA(即第一图表字段，也即第一选项)，未选中环形图中部分PartB(即第二图表字段，也即第二选项)的情况下界面上显示的柱状图，与在选中环形图中部分PartB，未选中环形图中部分PartA的情况下界面上显示的柱状图，柱状图的数据内容发生了变化，从而实现了环形图和柱状图之间的数据交互。其中，在第十一界面F11上开 启第三数据项对应的发布事件的开关项(例如“点击数据项事件”)，以发布事件。
在一些实施例中，数据处理方法还包括：设置第一图表和第二图表中至少一者的更新时间为预设时间，以使第一图表和第二图表中至少一者每隔预设时间更新一次。例如，参考图18A，在第十二界面F12上，开启一个图表对应的更新开关项(例如“自动更新开关”)，在该图表对应的更新时间输入框中输入预设时间，使第一图表每隔预设时间重新获取数据，使得该图表对应的至少一个第三数据项每隔预设时间，接收选项组的可视化组件的第二数据项传输的数据，更新一次图表中的数据内容。第十二界面与第五界面可以是同一界面。示例性地，预设时间也可以为刷新频率。例如，图18B中的(A)部分中显示的图表间隔3秒后得到图10中的(B)部分中显示的图表，两个图表的数据内容发生了变化。这样，可以使得第一图表和第二图表实时更新数据，显示最新的数据。此外，可以根据实际情况，对预设时间进行设计，在此不做限定，例如，预设时间可以为3秒、5秒或7秒等。
本公开的实施例提供一种数据处理方法。其中，该数据处理方法可以应用于上述的数据处理装置。数据处理方法包括：
配置选项组的可视化组件。选项组包括第一选项和第二选项。可视化组件包括第一数据项和第一数据项对应的第二数据项。第一数据项被配置为区分第一选项和第二选项。
配置图表组件。图表组件包括至少两个第三数据项。
将图表组件中至少一个第三数据项映射到第二数据项，以使在图表组件中至少一个第三数据项映射到第一选项对应的第二数据项的情况下，显示的图表为第一图表，在图表组件中至少一个第三数据项映射到第二选项对应的第二数据项的情况下，显示的图表为第二图表。
示例性地，将图表组件中至少一个第三数据项映射到第二数据项，包括：将第二数据项对应的数据源中的第一变量与第二变量绑定；将图表组件中至少一个第三数据项与第二变量绑定。
示例性地，将第二数据项对应的数据源中的第一变量与第二变量绑定，包括：接收用户在第二数据项的绑定输入框中输入的第二变量，以使得第二数据项对应的数据源中的第一变量与绑定输入框中输入的第二变量绑定。
示例性地，在将第二数据项对应的数据源中的第一变量与第二变量绑定之前，数据处理方法还包括：开启可视化组件的第二数据项对应的发布事件开关项。
示例性地，将图表组件中至少一个第三数据项映射到第二数据项，包括：开启所述可视化组件的第二数据项对应的发布事件开关项；将图表组件中至少一个第三数据项与写入第二数据项的占位符绑定；开启图表组件的接收事件开关项，以使图表组件中至少一个第三数据项映射到第二数据项。
在一些实施例中，数据处理方法还包括：设置第一选项与第一图表的对应关系，以及，第二选项与第二图表的对应关系，以使在第一选项处于选中状态，第二选项处于非选中状态，显示的图表为第一选项对应的第一图表，及，在第一选项处于非选中状态，第二选项处于选中状态，显示的图表为第二选项对应的第二图表。
需要说明的是，上述数据处理方法的具体实施方式及有益效果和上述一些实施例所述的数据处理方法的具体实施方式及有益效果相同，可以参考上文对应部分的描述，此处不再赘述。
本公开的实施例提供一种数据处理方法。其中，该数据处理方法可以应用于上述的数据处理装置。数据处理方法包括：
配置选项组，选项组包括第一选项和第二选项。
配置多个图表，多个图表包括第一图表和第二图表。
设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系，以使在第一选项处于选中状态，第二选项处于非选中状态，显示的图表为第一选项对应的第一图表，及，在第一选项处于非选中状态，第二选项处于选中状态，显示的图表为第二选项对应的第二图表。
需要说明的是，上述数据处理方法的具体实施方式及有益效果和上述一些实施例所述的数据处理方法的具体实施方式及有益效果相同，可以参考上文对应部分的描述，此处不再赘述。
本公开的实施例提供一种数据处理装置。数据处理装置可以实现上述任一实施例中的数据处理方法。如图19所示，数据处理装置300包括第一处理单元310和第二处理单元320。
第一处理单元被配置为显示包括选项组的第一界面。选项组包括第一选项和第二选项，在第一界面中所述第一选项处于选中状态，第二选项处于非选中状态，第一界面还包括第一选项对应的第一图表。
第二处理单元被配置为响应于在第一界面上选中选项组中第二选项的操作，显示包括选项组的第二界面。在第二界面中，第一选项处于非选中状态，第二选项处于选中状态，第二界面还包括第二选项对应的第二图表。
在一些实施例中，数据处理装置还包括：第三处理单元。第三处理单元 被配置为设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系。
在一些实施例中，第三处理单元被配置为将第一图表的对应项设置为第一选项；及，将第二图表的对应项设置为第二选项。
在一些实施例中，第三处理单元被配置为响应于在第三界面上的第一操作，将第一图表的对应项设置为第一选项；及，响应于在第三界面上的第二操作，将第二图表的对应项设置为第二选项。
在一些实施例中，数据处理装置还包括第四处理单元。第四处理单元被配置为显示第三界面，第三界面包括：第一图表或第一图表的关联图表，以及第二图表或第二图表的关联图表；第一图表的关联图表与第一图表属于第一图表组件，第二图表的关联图表与第二图表属于第二图表组件。
在一些实施例中，第三处理单元被配置为接收在第三界面中选中第一图表或第一图表的关联图表的操作，以及将第一图表组件中的对应项设置为第一选项；并，接收在第三界面中选中第二图表或第二图表的关联图表的操作，以及将第二图表组件中的对应项设置为第二选项。
在一些实施例中，第三处理单元被配置为配置选项组的数据项，选项组的数据项包括第一数据项和第一数据项对应的第二数据项，第一数据项被配置为区分第一选项和第二选项；创建第三图表，第三图表包括至少两个第三数据项；将第三图表中至少一个第三数据项映射到所述第二数据项，在第三图表中至少一个第三数据项映射到第一选项对应的第二数据项的情况下，第三图表为第一图表；在第三图表中至少一个第三数据项映射到第二选项对应的第二数据项的情况下，第三图表为第二图表。
在一些实施例中，第三处理单元被配置为获得选项组的可视化组件。选项组包括第一选项和第二选项。可视化组件包括第一数据项和第一数据项对应的第二数据项。第一数据项被配置为区分第一选项和第二选项。可以理解的是，第三处理单元还用于配置选项组的可视化组件。
并且，第三处理单元还被配置为获得图表组件。图表组件包括至少两个第三数据项。第三处理单元还被配置为将图表组件中至少一个第三数据项映射到第二数据项，以使在图表组件中至少一个第三数据项映射到第一选项对应的第二数据项的情况下，显示的图表为第一图表，在图表组件中至少一个第三数据项映射到第二选项对应的第二数据项的情况下，显示的图表为第二图表。可以理解的是，第三处理单元还用于配置图表组件。
在一些实施例中，第三处理单元被配置为将第二数据项对应的数据源中 的第一变量与第二变量绑定；将图表组件中至少一个第三数据项与第二变量绑定。
在一些实施例中，第三处理单元被配置为接收用户在第二数据项的绑定输入框中输入的第二变量，以使得第二数据项对应的数据源中的第一变量与绑定输入框中输入的第二变量绑定。
在一些实施例中，第三处理单元被配置为获得多个图表，多个图表包括第一图表和第二图表。第三处理单元还被配置为设置第一选项与第一图表的对应关系，以及第二选项与第二图表的对应关系，以使在第一选项处于选中状态，第二选项处于非选中状态，显示的图表为第一选项对应的第一图表，及，在第一选项处于非选中状态，第二选项处于选中状态，显示的图表为第二选项对应的第二图表。
图19所描述的装置实施例仅仅是示意性的，例如，上述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。在本申请各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述数据处理装置中的各个单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。例如，采用软件实现时，上述第一处理单元和第二处理单元等可以是由至少一个处理器读取存储器中存储的程序代码后，生成的软件功能模块来实现上述各个单元也可以由计算机(显示装置)中的不同硬件分别实现，例如第一处理单元和第二处理单元等中的一部分单元由至少一个处理器中的一部分处理资源(例如多核处理器中的一个核或两个核)实现，而第一处理单元和第二处理单元等中的其余部分单元由至少一个处理器中的其余部分处理资源(例如多核处理器中的其他核)。
数据处理装置中的各个单元实现上述功能的更多细节请参考前面对应的方法实施例中的描述，在这里不再重复。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件程序实现时，可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机指令时，全部或部分地产生按照本申请实施例中的流程或功能。该计算机可以是通用计算机、专用计算机、计算机网络或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包括一个或多个可用介 质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质(例如，软盘、磁盘、磁带)、光介质(例如，数字视频光盘(digital video disc，DVD))、或者半导体介质(例如固态硬盘(solid state drives，SSD))等。
需要说明的是，上述数据处理装置的有益效果和上述一些实施例所述的数据处理方法的有益效果相同，此处不再赘述。
本公开的一些实施例提供了一种非瞬态的计算机可读存储介质，该计算机可读存储介质中存储有计算机程序指令，计算机程序指令在处理器上运行时，使得计算机执行如上述实施例中任一实施例所述的数据处理方法，例如该数据处理方法中的一个或多个步骤。
示例性的，上述计算机可读存储介质可以包括，但不限于：磁存储器件(例如，硬盘、软盘或磁带等)，光盘(例如，CD(Compact Disk，压缩盘)、DVD(Digital Versatile Disk，数字通用盘)等)，智能卡和闪存器件(例如，EPROM(Erasable Programmable Read-Only Memory，可擦写可编程只读存储器)、卡、棒或钥匙驱动器等)。本公开描述的各种计算机可读存储介质可代表用于存储信息的一个或多个设备和/或其它机器可读存储介质。术语“机器可读存储介质”可包括但不限于，无线信道和能够存储、包含和/或承载指令和/或数据的各种其它介质。
本公开的一些实施例还提供了一种计算机程序产品。该计算机程序产品包括计算机程序指令，在计算机上执行该计算机程序指令时，该计算机程序指令使计算机执行如上述实施例所述的数据处理方法，例如该数据处理方法中的一个或多个步骤。
本公开的一些实施例还提供了一种计算机程序。当该计算机程序在计算机上执行时，该计算机程序使计算机执行如上述实施例所述的数据处理方法，例如该数据处理方法中的一个或多个步骤。
上述计算机可读存储介质、计算机程序产品及计算机程序的有益效果和上述一些实施例所述的数据处理方法的有益效果相同，此处不再赘述。
以上所述，仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，想到变化或替换，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以所述权利要求的保护范围为准。

Claims (26)

  1. 一种数据处理装置，包括：
    选项组的可视化组件；所述选项组包括第一选项和第二选项；和
    至少一个图表组件；所述至少一个图表组件与所述选项组的第一选项具有订阅关系，所述至少一个图表组件被配置为，响应于选中所述第一选项的操作，以显示属于所述至少一个图表组件的第一图表；所述至少一个图表组件与所述选项组的第二选项具有订阅关系，所述至少一个图表组件还被配置为，响应于选中所述第二选项的操作，以显示属于所述至少一个图表组件的第二图表。
  2. 根据权利要求1所述的数据处理装置，其中，
    所述选项组的可视化组件被配置为发布所述第一选项对应的第一事件，以及发布所述第二选项对应的第二事件；
    每个图表组件被配置为监听所述选项组的可视化组件发布的事件；
    其中，所述至少一个图表组件被配置为响应于所述第一事件，以显示所述第一图表；及，响应于所述第二事件，以显示所述第二图表。
  3. 根据权利要求2所述的数据处理装置，其中，所述选项组的可视化组件为一个可视化组件；或者，所述选项组的可视化组件为多个可视化组件；所述多个可视化组件包括第一可视化组件和第二可视化组件；所述第一可视化组件被配置为发布所述第一选项对应的第一事件；所述第二可视化组件被配置为发布所述第二选项对应的第二事件；
    所述至少一个图表组件为一个图表组件；或者，所述至少一个图表组件为多个图表组件；所述多个图表组件包括第一图表组件和第二图表组件；所述第一图表组件被配置为响应于所述第一事件，以显示所述第一图表；所述第二图表组件被配置为响应于所述第二事件，以显示所述第二图表。
  4. 根据权利要求1～3中任一项所述的数据处理装置，其中，所述至少一个图表组件包括第一图表组件和第一图表组件；
    所述第一图表组件被配置为将所述第一图表组件中的对应项设置为所述第一选项，以使所述第一图表组件与所述第一选项具有订阅关系；
    所述第二图表组件被配置为将所述第二图表组件中的对应项设置为所述第二选项，以使所述第二图表组件与所述第二选项具有订阅关系。
  5. 根据权利要求1～3中任一项所述的数据处理装置，其中，所述选项组的可视化组件包括第一数据项和所述第一数据项对应的第二数据项；所述第一数据项被配置为区分所述第一选项和所述第二选项；
    所述至少一个图表组件为一个图表组件，所述图表组件包括至少两个第三数据项；
    所述图表组件被配置为将所述图表组件中至少一个第三数据项映射到所述第一选项对应的第二数据项，以使所述图表组件与所述第一选项具有订阅关系；及，将所述图表组件中至少一个第三数据项映射到所述第二选项对应的第二数据项，以使所述图表组件与所述第二选项具有订阅关系。
  6. 根据权利要求5所述的数据处理装置，其中，所述选项组的可视化组件还被配置为获取数据源，以及将所述数据源中的第一变量与所述第二数据项绑定；
    所述图表组件被配置为将所述图表组件中至少一个第三数据项与所述第二变量绑定，以将所述至少一个第三数据项映射到所述第二数据项。
  7. 根据权利要求6所述的数据处理装置，其中，所述数据源包括：动态数据源和静态数据源。
  8. 根据权利要求5所述的数据处理装置，其中，
    所述图表组件被配置为将所述图表组件中至少一个第三数据项与写入所述第二数据项的占位符绑定，以将所述至少一个第三数据项映射到所述第二数据项。
  9. 根据权利要求1～8中任一项所述的数据处理装置，其中，所述至少一个图表组件还被配置为每隔预设时间更新一次所述第一图表和所述第二图表中的至少一者。
  10. 根据权利要求1～9中任一项所述的数据处理方法，其中，
    所述选项组为下拉菜单，所述第一选项和所述第二选项均为所述下拉菜单的下拉选项；
    或者，
    所述选项组为标题菜单，所述第一选项和所述第二选项均为所述标题菜单的标题选项；
    或者，
    所述选项组为图表，所述第一选项和所述第二选项均为所述图表的图表字段。
  11. 一种数据处理方法，包括：
    显示包括选项组的第一界面，所述选项组包括第一选项和第二选项，在所述第一界面中所述第一选项处于选中状态，所述第二选项处于非选中状态，所述第一界面还包括：所述第一选项对应的第一图表；
    响应于在所述第一界面上选中所述选项组中所述第二选项的操作，显示包括所述选项组的第二界面，在所述第二界面中，所述第一选项处于非选中状态，所述第二选项处于选中状态，所述第二界面还包括：所述第二选项对应的第二图表。
  12. 根据权利要求11所述的数据处理方法，其中，在所述显示包括选项组的第一界面之前，所述数据处理方法还包括：
    设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系。
  13. 根据权利要求12所述的数据处理方法，其中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：
    将所述第一图表的对应项设置为所述第一选项；
    将所述第二图表的对应项设置为所述第二选项。
  14. 根据权利要求12或13所述的数据处理方法，其中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：
    响应于在第三界面上的第一操作，将所述第一图表的对应项设置为所述第一选项；
    响应于在所述第三界面上的第二操作，将所述第二图表的对应项设置为所述第二选项。
  15. 根据权利要求12或13所述的数据处理方法，还包括：
    显示第三界面，所述第三界面包括：所述第一图表或所述第一图表的关联图表，以及所述第二图表或所述第二图表的关联图表；所述第一图表的关联图表与所述第一图表属于第一图表组件，所述第二图表的关联图表与所述第二图表属于第二图表组件；
    所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：
    接收在所述第三界面中选中所述第一图表或所述第一图表的关联图表的操作，以及将所述第一图表组件中的对应项设置为所述第一选项；
    接收在所述第三界面中选中所述第二图表或所述第二图表的关联图表的操作，以及将所述第二图表组件中的对应项设置为所述第二选项。
  16. 根据权利要求12所述的数据处理方法，其中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关 系，包括：
    配置所述选项组的数据项，所述选项组的数据项包括第一数据项和所述第一数据项对应的第二数据项，所述第一数据项被配置为区分所述第一选项和所述第二选项；
    创建第三图表，所述第三图表包括至少两个第三数据项；
    将所述第三图表中至少一个第三数据项映射到所述第二数据项，在所述第三图表中至少一个第三数据项映射到所述第一选项对应的第二数据项的情况下，所述第三图表为所述第一图表；在所述第三图表中至少一个第三数据项映射到所述第二选项对应的第二数据项的情况下，所述第三图表为所述第二图表。
  17. 根据权利要求12所述的数据处理方法，其中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，包括：
    配置所述选项组的可视化组件，所述可视化组件包括第一数据项和所述第一数据项对应的第二数据项，所述第一数据项被配置为区分所述第一选项和所述第二选项；
    配置图表组件，所述图表组件包括至少两个第三数据项，以将所述图表组件中至少一个第三数据项映射到所述第二数据项，在所述图表组件中至少一个第三数据项映射到所述第一选项对应的第二数据项的情况下，显示的图表为所述第一图表；在所述图表组件中至少一个第三数据项映射到所述第二选项对应的第二数据项的情况下，显示的图表为所述第二图表。
  18. 根据权利要求12所述的数据处理方法，其中，所述设置所述第一选项与所述第一图表的对应关系，以及所述第二选项与所述第二图表的对应关系，还包括：
    显示第四界面，所述第四界面包括处于初始态的所述选项组；
    接收在所述第四界面上选中处于初始态的所述选项组的操作，以及配置所述选项组的可视化组件的操作，所述可视化组件包括第一数据项和所述第一数据项对应的第二数据项，所述第一数据项被配置为区分所述第一选项和所述第二选项；
    显示第五界面，所述第五界面包括第三图表；
    配置所述第三图表所属的图表组件，所述图表组件包括至少两个第三数据项，以将所述图表组件中至少一个第三数据项映射到所述第二数据项，在所述图表组件中至少一个第三数据项映射到所述第一选项对应的第二数据项 的情况下，显示的图表为所述第一图表；在所述图表组件中至少一个第三数据项映射到所述第二选项对应的第二数据项的情况下，显示的图表为所述第二图表。
  19. 根据权利要求17或18所述的数据处理方法，其中，所述将所述图表组件中至少一个第三数据项映射到所述第二数据项，包括：
    将所述第二数据项对应的数据源中的第一变量与第二变量绑定；
    将所述图表组件中至少一个第三数据项与所述第二变量绑定。
  20. 根据权利要求19所述的数据处理方法，其中，所述将所述第二数据项对应的数据源中的第一变量与第二变量绑定，包括：
    接收用户在所述第二数据项的绑定输入框中输入的第二变量，以使得所述第二数据项对应的数据源中的第一变量与所述绑定输入框中输入的第二变量绑定。
  21. 根据权利要求19或20所述的数据处理方法，其中，在所述将所述第二数据项对应的数据源中的第一变量与第二变量绑定之前，所述数据处理方法，还包括：
    开启所述可视化组件的第二数据项对应的发布事件开关项。
  22. 根据权利要求17或18所述的数据处理方法，其中，所述将所述图表组件中至少一个第三数据项映射到所述第二数据项，包括：
    开启所述可视化组件的第二数据项对应的发布事件开关项；
    将所述图表组件中至少一个第三数据项与写入所述第二数据项的占位符与绑定；
    开启所述图表组件的接收事件开关项，以使所述图表组件中至少一个第三数据项映射到所述第二数据项。
  23. 根据权利要求11～22中任一项所述的数据处理方法，还包括：设置所述第一图表和所述第二图表中至少一者的更新时间为预设时间，以使所述第一图表和所述第二图表中至少一者每隔所述预设时间更新一次。
  24. 一种数据处理装置，包括：
    存储器；所述存储器中存储一个或多个计算机程序；
    处理器；所述处理器与所述存储器耦接；所述处理器被配置为执行所述计算机程序，以使得所述数据处理装置实现如权利要求11～23中任一项所述的数据处理方法。
  25. 一种电子设备，包括：
    如权利要求1～10所述的数据处理装置，或，如权利要求24所述的数据 处理装置；和
    显示装置，被配置为显示界面。
  26. 一种非瞬态的计算机可读存储介质，其存储有计算机程序，其中，所述计算机程序在计算机运行时，使得计算机实现如权利要求11～23中任一项所述的数据处理方法。
PCT/CN2020/139721 2020-12-26 2020-12-26 数据处理装置及方法、电子设备 WO2022134115A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
PCT/CN2020/139721 WO2022134115A1 (zh) 2020-12-26 2020-12-26 数据处理装置及方法、电子设备
US17/620,613 US11908049B2 (en) 2020-12-26 2020-12-26 Data processing device and method, electronic apparatus for data visualization
CN202080003726.4A CN115176243A (zh) 2020-12-26 2020-12-26 数据处理装置及方法、电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2020/139721 WO2022134115A1 (zh) 2020-12-26 2020-12-26 数据处理装置及方法、电子设备

Publications (1)

Publication Number Publication Date
WO2022134115A1 true WO2022134115A1 (zh) 2022-06-30

Family

ID=82157228

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/139721 WO2022134115A1 (zh) 2020-12-26 2020-12-26 数据处理装置及方法、电子设备

Country Status (3)

Country Link
US (1) US11908049B2 (zh)
CN (1) CN115176243A (zh)
WO (1) WO2022134115A1 (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102708126A (zh) * 2011-02-28 2012-10-03 微软公司 数据可视化设计和查看系统和方法
CN103177069A (zh) * 2011-12-21 2013-06-26 波音公司 全景可视化文档导航
US20130293553A1 (en) * 2009-05-26 2013-11-07 Palantir Technologies, Inc. Visualizing data model sensitivity to variations in parameter values
CN106164950A (zh) * 2014-03-28 2016-11-23 微软技术许可有限责任公司 对群组的跨客户端订阅
CN107491427A (zh) * 2017-06-08 2017-12-19 北京小度信息科技有限公司 数据报表处理方法及装置
CN111966761A (zh) * 2020-08-20 2020-11-20 合肥智圣新创信息技术有限公司 基于DataV的多维度模型数据可视化定制平台及方法

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109359154A (zh) 2018-09-26 2019-02-19 浙江万朋教育科技股份有限公司 一种基于拖拽配置可视化大屏的方法
WO2020132537A1 (en) * 2018-12-20 2020-06-25 Skyland Analytics Inc. Dynamic batch limit validation
CN110531976A (zh) 2019-09-02 2019-12-03 浪潮云信息技术有限公司 一种可视化大屏中组件化配制图表的方法
CN111522565B (zh) 2020-04-21 2022-02-01 北京邮电大学 基于组件化的实时更新数据可视化大屏方法及系统

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130293553A1 (en) * 2009-05-26 2013-11-07 Palantir Technologies, Inc. Visualizing data model sensitivity to variations in parameter values
CN102708126A (zh) * 2011-02-28 2012-10-03 微软公司 数据可视化设计和查看系统和方法
CN103177069A (zh) * 2011-12-21 2013-06-26 波音公司 全景可视化文档导航
CN106164950A (zh) * 2014-03-28 2016-11-23 微软技术许可有限责任公司 对群组的跨客户端订阅
CN107491427A (zh) * 2017-06-08 2017-12-19 北京小度信息科技有限公司 数据报表处理方法及装置
CN111966761A (zh) * 2020-08-20 2020-11-20 合肥智圣新创信息技术有限公司 基于DataV的多维度模型数据可视化定制平台及方法

Also Published As

Publication number Publication date
US20220405993A1 (en) 2022-12-22
CN115176243A (zh) 2022-10-11
US11908049B2 (en) 2024-02-20

Similar Documents

Publication Publication Date Title
US10572101B2 (en) Cross-platform multi-modal virtual collaboration and holographic maps
US10222943B2 (en) Cellular user interface
US20110231424A1 (en) Method and system for automated file aggregation on a storage device
TW201203084A (en) Temporary formatting and charting of selected data
JP2013532316A (ja) オプションを選択するためのスピンコントロールユーザインターフェース
US20190095085A1 (en) Page construction method, terminal, computer readable storage medium, and page construction device
US20120030631A1 (en) Tree control with enhanced hierarchy visibility
US11567628B2 (en) Cognitive composition of multi-dimensional icons
WO2017143996A1 (zh) 数据展示的方法与装置
US11190411B1 (en) Three-dimensional graphical representation of a service provider network
CN111078695B (zh) 计算企业内元数据关联关系的方法及装置
US10609442B2 (en) Method and apparatus for generating and annotating virtual clips associated with a playable media file
KR102121107B1 (ko) 가상현실 투어 제공 방법 및 그 방법을 수행하기 위한 프로그램이 기록된 기록매체
US11112938B2 (en) Method and apparatus for filtering object by using pressure
CN104951477B (zh) 用于过滤数据的方法和装置
WO2022134115A1 (zh) 数据处理装置及方法、电子设备
US9495124B1 (en) Device for displaying a remote display according to a monitor geometry
CN116452786A (zh) 虚拟现实内容的生成方法、系统、计算机设备及存储介质
CN114365084A (zh) 响应式布局系统和服务器
US9552404B2 (en) Data model definition display and modification
US20140210838A1 (en) Visual business objects
WO2018000395A1 (zh) 管理数据的方法和装置
US9418071B2 (en) Method and system for automatically initiating a file aggregation process between communicatively coupled devices
US20140278737A1 (en) Presenting characteristics of customer accounts
CN113900614B (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: 20966678

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205 DATED 17/10/2023)