CN110471730A - 基于Echarts的展示方法、系统、大屏系统和介质 - Google Patents

基于Echarts的展示方法、系统、大屏系统和介质 Download PDF

Info

Publication number
CN110471730A
CN110471730A CN201910729311.4A CN201910729311A CN110471730A CN 110471730 A CN110471730 A CN 110471730A CN 201910729311 A CN201910729311 A CN 201910729311A CN 110471730 A CN110471730 A CN 110471730A
Authority
CN
China
Prior art keywords
data
place
period
incoming call
time
Prior art date
Legal status (The legal status 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 status listed.)
Pending
Application number
CN201910729311.4A
Other languages
English (en)
Inventor
杜娟
沈强
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ctrip Travel Information Technology Shanghai Co Ltd
Original Assignee
Ctrip Travel Information Technology Shanghai Co Ltd
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 Ctrip Travel Information Technology Shanghai Co Ltd filed Critical Ctrip Travel Information Technology Shanghai Co Ltd
Priority to CN201910729311.4A priority Critical patent/CN110471730A/zh
Publication of CN110471730A publication Critical patent/CN110471730A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/904Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

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

Abstract

本发明公开了一种基于Echarts的展示方法、系统、大屏系统和介质,其中数据展示方法,包括以下步骤:获取展示周期,展示周期为目标数据对应的时间周期;根据展示周期查询与展示周期对应的时间单元;生成与展示周期对应的时间序列,时间序列包括若干时间节点,相邻两个时间节点之间的时间间隔等于时间单元;获取与每一个时间节点对应的数据作为目标数据;以图表的形式展示目标数据。本发明提供了多维度可视化数据展示,为用户提供了直观的数据展示。

Description

基于Echarts的展示方法、系统、大屏系统和介质
技术领域
本发明属于基于Echarts(Enterprise Charts,商业级数据图表,一种数据可视化工具)的数据展示技术领域,尤其涉及一种基于Echarts的展示方法、系统、大屏系统和介质。
背景技术
针对话务量、访问量、订单量的大数据系统中,往往将数据存储于后台服务器中。向用户展示数据时,往往采用数据列表等形式,形式较为简单、单一,不方便用户查看。用户从大量的数字中获取有用的信息,非常困难,也不易发现其中的异常数据。
发明内容
本发明要解决的技术问题是为了克服现有技术的数据展示不方便用户查看的缺陷,提供一种基于Echarts的展示方法、系统、大屏系统和介质。
本发明是通过下述技术方案来解决上述技术问题:
本发明提供一种基于Echarts的数据展示方法,包括以下步骤:
获取展示周期,展示周期为目标数据对应的时间周期;
根据展示周期查询与展示周期对应的时间单元;
生成与展示周期对应的时间序列,时间序列包括若干时间节点,相邻两个时间节点之间的时间间隔等于时间单元;
获取与每一个时间节点对应的数据作为目标数据;
以图表的形式展示目标数据。
较佳地,当展示周期为一年时,时间单元为一天;当展示周期为一周时,时间单元为一小时,当展示周期为一天时,时间单元为一分钟。
较佳地,图表包括折线图,折线图包括时间轴,时间轴的坐标点分别与时间节点相对应,折线图还包括折线,折线的节点分别与目标数据中的一个数据相对应;
或,图表包括柱状图,柱状图包括时间轴,时间轴的坐标点分别与时间节点相对应,柱状图还包括若干纵向条纹,每一条纵向条纹分别与目标数据中的一个数据相对应。
较佳地,数据展示方法还包括:
接收一作用于折线图上的区域选择操作,获取与区域对应的新的展示周期,并根据新的展示周期进行数据展示。
较佳地,目标数据包括呼叫数据;图表包括地图;
则以图表的形式展示目标数据的步骤包括:
在地图上标识与每一个呼叫对应的呼出地点和呼入地点;
以线条连接呼叫对应的呼出地点和呼入地点,线条的连接呼入地点的一端设置有指向呼入地点的箭头;
在呼出地点设置第一圆环,第一圆环与呼出地点为圆心,第一圆环的半径与呼出地点的呼出量成正比;
在呼入地点设置第二圆环,第二圆环与呼入地点为圆心,第二圆环的半径与呼入地点的呼入量成正比。
本发明还提供一种基于Echarts的数据展示系统,包括周期获取模组、时间单元查询模组、时间序列生成模组、目标数据获取模组、图表展示模组;
周期获取模组用于获取展示周期,展示周期为目标数据对应的时间周期;
时间单元查询模组用于根据展示周期查询与展示周期对应的时间单元;
时间序列生成模组用于生成与展示周期对应的时间序列,时间序列包括若干时间节点,相邻两个时间节点之间的时间间隔等于时间单元;
目标数据获取模组用于获取与每一个时间节点对应的数据作为目标数据;
图表展示模组用于以图表的形式展示目标数据。
较佳地,当展示周期为一年时,时间单元为一天;当展示周期为一周时,时间单元为一小时,当展示周期为一天时,时间单元为一分钟。
较佳地,图表包括折线图,折线图包括时间轴,时间轴的坐标点分别与时间节点相对应,折线图还包括折线,折线的节点分别与目标数据中的一个数据相对应;
或,图表包括柱状图,柱状图包括时间轴,时间轴的坐标点分别与时间节点相对应,柱状图还包括若干纵向条纹,每一条纵向条纹分别与目标数据中的一个数据相对应。
较佳地,图表展示模组还用于接收一作用于折线图上的区域选择操作,获取与区域对应的新的展示周期,并根据新的展示周期进行数据展示。
较佳地,目标数据包括呼叫数据;图表包括地图;
则图表展示模组还用于在地图上标识与每一个呼叫对应的呼出地点和呼入地点;
图表展示模组还用于以线条连接呼叫对应的呼出地点和呼入地点,线条的连接呼入地点的一端设置有指向呼入地点的箭头;
图表展示模组还用于在呼出地点设置第一圆环,第一圆环与呼出地点为圆心,第一圆环的半径与呼出地点的呼出量成正比;
图表展示模组还用于在呼入地点设置第二圆环,第二圆环与呼入地点为圆心,第二圆环的半径与呼入地点的呼入量成正比。
本发明还提供一种监控数据大屏展示系统,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现本发明的基于Echarts的数据展示方法。
本发明还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现本发明的基于Echarts的数据展示方法的步骤。
本发明的积极进步效果在于:本发明提供了多维度可视化数据展示,为用户提供了直观的数据展示。
附图说明
图1为本发明的实施例1的基于Echarts的数据展示方法的流程图。
图2为本发明的实施例1的基于Echarts的数据展示方法的第一种折线图的示意图。
图3为本发明的实施例1的基于Echarts的数据展示方法的第二种折线图的示意图。
图4为本发明的实施例1的基于Echarts的数据展示方法的第三种折线图的示意图。
图5为本发明的实施例1的基于Echarts的数据展示系统的结构示意图。
图6为本发明的实施例2的基于Echarts的数据展示方法的地图的示意图。
图7为本发明的实施例3的监控数据大屏展示系统的结构示意图。
具体实施方式
下面通过实施例的方式进一步说明本发明,但并不因此将本发明限制在所述的实施例范围之中。
实施例1
本实施例提供一种基于Echarts的数据展示方法,参照图1、图2,该基于Echarts的数据展示方法包括以下步骤:
步骤S101、获取展示周期。展示周期为目标数据对应的时间周期。通过在Echarts平台的交互界面上设置输入窗口,可以接收用户输入或选择的展示周期,也即,用户希望查看的目标数据对应的时间周期。例如,展示周期为一年、一周、一天,或者“全部”。当展示周期为一年时,其对应的时间周期为以用户输入或选择的“截止期限”为终点,向前一年。类似地,当展示周期为一周时,其对应的时间周期为以用户输入或选择的“截止期限”为终点,向前一周;当展示周期为一天时,其对应的时间周期为以用户输入或选择的“截止期限”为终点,向前一天。当展示周期为“全部”时,其对应的时间周期为数据库中到用户的操作时间为止的全部时间。
步骤S102、根据展示周期查询与展示周期对应的时间单元。展示周期与时间单元为预先设置完成的。当展示周期为一年或者“全部”时,对应的时间单元为一天;当展示周期为一周时,对应的时间单元为一小时,当展示周期为一天时,对应的时间单元为一分钟。根据展示周期查询时间单元,可以为用户提供合适的数据精细度。
步骤S103、生成与展示周期对应的时间序列。时间序列包括若干时间节点,相邻两个时间节点之间的时间间隔等于时间单元。此处以展示周期为上一年5月7日至当年5月6日为例,则对应的时间单元为一天,时间序列中的若干节点则分别为上一年5月7日、上一年5月8日……当年5月5日、当年5月6日。
步骤S104、获取与每一个时间节点对应的数据作为目标数据。以与某一终端对应的呼入量为例,从数据库中获取该终端上一年5月7日、上一年5月8日……当年5月5日、当年5月6日每一天的输入量,作为目标数据。
步骤S105、以图表的形式展示目标数据。
参照图2,图表包括折线图,折线图包括时间轴,时间轴的坐标点分别与时间节点相对应,折线图还包括折线,折线的节点分别与目标数据中的一个数据相对应。通过折线图,用户可以对数据的变化状况进行直观的了解。并且,对于数据异常的情况,也可以及时作出判断。
在其他可选的实施方式中,图表包括柱状图,柱状图包括时间轴,时间轴的坐标点分别与时间节点相对应,柱状图还包括若干纵向条纹,每一条纵向条纹分别与目标数据中的一个数据相对应。
当用户在交互界面上进行区域选择操作,则本实施例的数据展示方法还包括以下步骤:接收一作用于折线图上的区域选择操作,获取与区域对应的新的展示周期,并根据新的展示周期进行数据展示。
例如,用户通过点击并拖动鼠标在图2所示的折线图中当年4月30日至当年5月7日对应的一周,则该周期称为新的展示周期,进而查询得到的时间单元为一小时。参照图3,折线图将展示当年4月30日18时至当年5月7日16时对应的呼入量数据。
进一步地,如果用户在图3所示的折线图上选择“截止时间”为当年5月7日17时19分,展示周期为一天。参照图4,折线图将展示当年5月6日17时20分至当年5月7日17时19分每一分钟对应的呼入量数据。
在其他可选的实施方式中,目标数据包括网页访问量、订单量等。
本实施例的基于Echarts的数据展示方法提供了多维度可视化数据展示,为用户提供了直观的数据展示,并辅助用户发现监控数据可能存在的异常。
本实施例还提供一种基于Echarts的数据展示系统,该基于Echarts的数据展示系统可以实现本实施例的基于Echarts的数据展示方法。参照图5,该基于Echarts的数据展示系统包括周期获取模组201、时间单元查询模组202、时间序列生成模组203、目标数据获取模组204、图表展示模组205。周期获取模组201、时间单元查询模组202、时间序列生成模组203、目标数据获取模组204、图表展示模组205均嵌入Echarts平台中。
周期获取模组201用于获取展示周期,展示周期为目标数据对应的时间周期。具体实施时,周期获取模组201通过在Echarts平台的交互界面上设置输入窗口,可以接收用户输入或选择的展示周期,也即,用户希望查看的目标数据对应的时间周期。例如,展示周期为一年、一周、一天,或者“全部”。当展示周期为一年时,其对应的时间周期为以用户输入或选择的“截止期限”为终点,向前一年。类似地,当展示周期为一周时,其对应的时间周期为以用户输入或选择的“截止期限”为终点,向前一周;当展示周期为一天时,其对应的时间周期为以用户输入或选择的“截止期限”为终点,向前一天。当展示周期为“全部”时,其对应的时间周期为数据库中到用户的操作时间为止的全部时间。
时间单元查询模组202用于根据展示周期查询与展示周期对应的时间单元。展示周期与时间单元为预先设置完成的。当展示周期为一年或者“全部”时,对应的时间单元为一天;当展示周期为一周时,对应的时间单元为一小时,当展示周期为一天时,对应的时间单元为一分钟。根据展示周期查询时间单元,可以为用户提供合适的数据精细度。
时间序列生成模组203用于生成与展示周期对应的时间序列,时间序列包括若干时间节点,相邻两个时间节点之间的时间间隔等于时间单元。
此处以展示周期为上一年5月7日至当年5月6日为例,则对应的时间单元为一天,时间序列中的若干节点则分别为上一年5月7日、上一年5月8日……当年5月5日、当年5月6日。
目标数据获取模组204用于获取与每一个时间节点对应的数据作为目标数据。以与某一终端对应的呼入量为例,目标数据获取模组204从数据库中获取该终端上一年5月7日、上一年5月8日……当年5月5日、当年5月6日每一天的输入量,作为目标数据。
图表展示模组205用于以图表的形式展示目标数据。
参照图2,图表包括折线图,折线图包括时间轴,时间轴的坐标点分别与时间节点相对应,折线图还包括折线,折线的节点分别与目标数据中的一个数据相对应。通过折线图,用户可以对数据的变化状况进行直观的了解。并且,对于数据异常的情况,也可以及时作出判断。
在其他可选的实施方式中,图表包括柱状图,柱状图包括时间轴,时间轴的坐标点分别与时间节点相对应,柱状图还包括若干纵向条纹,每一条纵向条纹分别与目标数据中的一个数据相对应。
当用户在交互界面上进行区域选择操作,则周期获取模组201还通过交互界面接收一作用于折线图上的区域选择操作,获取与区域对应的新的展示周期,并根据新的展示周期进行数据展示。
例如,用户通过点击并拖动鼠标在图2所示的折线图中当年4月30日至当年5月7日对应的一周,则该周期称为新的展示周期,进而查询得到的时间单元为一小时。参照图3,折线图将展示当年4月30日18时至当年5月7日16时对应的呼入量数据。
进一步地,如果用户在图3所示的折线图上选择“截止时间”为当年5月7日17时19分,展示周期为一天。参照图4,折线图将展示当年5月6日17时20分至当年5月7日17时19分每一分钟对应的呼入量数据。
本实施例的基于Echarts的数据展示系统提供了多维度可视化数据展示,为用户提供了直观的数据展示,并辅助用户发现监控数据可能存在的异常。
实施例2
本实施例提供一种基于Echarts的数据展示方法。本实施例的基于Echarts的数据展示方法与实施例1的基于Echarts的数据展示方法大致相同,区别在于步骤S105。在本实施例中,目标数据包括呼叫数据;图表包括地图。则步骤S105包括:
在地图上标识与每一个呼叫对应的呼出地点和呼入地点。以线条连接呼叫对应的呼出地点和呼入地点,线条的连接呼入地点的一端设置有指向呼入地点的箭头。在呼出地点设置第一圆环,第一圆环与呼出地点为圆心,第一圆环的半径与呼出地点的呼出量成正比,在呼入地点设置第二圆环,第二圆环与呼入地点为圆心,第二圆环的半径与呼入地点的呼入量成正比。
具体参照图6,第一呼出地点A处设置有圆环401,圆环401属于第一圆环,表征第一呼出地点A为呼叫对应的呼出地点,圆环401的半径的大小与第一呼出地点A的呼出量成正比。呼入地点B为与第一呼出地点A对应的呼入地点。第一呼出地点A与呼入地点B之间以第一线条404连接,第一线条404的连接呼入地点B的一端设置有指向呼入地点B的箭头。呼入地点B设置有圆环403,圆环403属于第二圆环,用于表征呼入地点B为呼入地点,圆环402的半径的大小与呼入地点B的呼入量成正比。第二呼出地点C处设置有圆环402,圆环402属于第一圆环,表征第二呼出地点C为呼叫对应的呼出地点,圆环402的半径的大小与第二呼出地点C的呼出量成正比。呼入地点B也是与第二呼出地点C对应的呼入地点。第二呼出地点C与呼入地点B之间以第二线条405连接,第二线条405的连接呼入地点B的一端设置有指向呼入地点B的箭头。对应的地点的呼出量为用户设置或选择的展示周期内的该地点的呼出量的总和;类似地,对应的地点的呼入量为用户设置或选择的展示周期内的该地点的呼入量的总和。
通过线条,用户可以直观地了解呼叫的呼出和呼入地点。通过圆环的大小,用户可以直观地了解相应地点的呼出量/呼入量。
本实施例提供一种基于Echarts的数据展示系统。本实施例的基于Echarts的数据展示系统与实施例1的基于Echarts的数据展示系统大致相同,区别在于图表展示模组205有所不同。在本实施例中,目标数据包括呼叫数据;图表包括地图。
则图表展示模组205还用于在地图上标识与每一个呼叫对应的呼出地点和呼入地点。图表展示模组205还用于以线条连接呼叫对应的呼出地点和呼入地点,线条的连接呼入地点的一端设置有指向呼入地点的箭头。图表展示模组205还用于在呼出地点设置第一圆环,第一圆环与呼出地点为圆心,第一圆环的半径与呼出地点的呼出量成正比。图表展示模组205还用于在呼入地点设置第二圆环,第二圆环与呼入地点为圆心,第二圆环的半径与呼入地点的呼入量成正比。
具体参照图6,第一呼出地点A处设置有圆环401,圆环401属于第一圆环,表征第一呼出地点A为呼叫对应的呼出地点,圆环401的半径的大小与第一呼出地点A的呼出量成正比。呼入地点B为与第一呼出地点A对应的呼入地点。第一呼出地点A与呼入地点B之间以第一线条404连接,第一线条404的连接呼入地点B的一端设置有指向呼入地点B的箭头。呼入地点B设置有圆环403,圆环403属于第二圆环,用于表征呼入地点B为呼入地点,圆环402的半径的大小与呼入地点B的呼入量成正比。第二呼出地点C处设置有圆环402,圆环402属于第一圆环,表征第二呼出地点C为呼叫对应的呼出地点,圆环402的半径的大小与第二呼出地点C的呼出量成正比。呼入地点B也是与第二呼出地点C对应的呼入地点。第二呼出地点C与呼入地点B之间以第二线条405连接,第二线条405的连接呼入地点B的一端设置有指向呼入地点B的箭头。对应的地点的呼出量为用户设置或选择的展示周期内的该地点的呼出量的总和;类似地,对应的地点的呼入量为用户设置或选择的展示周期内的该地点的呼入量的总和。
实施例3
图7为本实施例提供的一种监控数据大屏展示系统的结构示意图。所述系统包括存储模块、处理模块以及可视化模块,存储模块用于存储原始时间数据,一般可采用业内通用的比如缓存redis(一种数据库)、日志存储工具Elasticsearch(一种搜索服务器)、数据库等,所述处理器模块从存储模块获取原始数据,执行所述程序时实现实施例1或实施例2的基于Echarts的数据展示方法,可视化模块可以终端应用或者设备,如PC(个人电脑)浏览器、手机APP(应用程序)、显示器等具备显示功能的应用或者设备等。图7显示的30仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示,监控数据大屏展示系统30可以以通用计算设备的形式表现,例如其可以为服务器设备。监控数据大屏展示系统30的组件可以包括但不限于:上述至少一个处理器31、上述至少一个存储器32、连接不同系统组件(包括存储器32和处理器31)的总线33。
总线33包括数据总线、地址总线和控制总线。
存储器32可以包括易失性存储器,例如随机存取存储器(RAM)321和/或高速缓存存储器322,还可以进一步包括只读存储器(ROM)323。
存储器32还可以包括具有一组(至少一个)程序模块324的程序/实用工具325,这样的程序模块324包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
处理器31通过运行存储在存储器32中的计算机程序,从而执行各种功能应用以及数据处理,例如本发明实施例1的基于Echarts的数据展示方法。
监控数据大屏展示系统30也可以与一个或多个外部设备34(例如键盘、指向设备等)通信。这种通信可以通过输入/输出(I/O)接口35进行。并且,模型生成的设备30还可以通过网络适配器36与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器36通过总线33与模型生成的设备30的其它模块通信。应当明白,尽管图中未示出,可以结合模型生成的设备30使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、RAID(磁盘阵列)系统、磁带驱动器以及数据备份存储系统等。
应当注意,尽管在上文详细描述中提及了监控数据大屏展示系统的若干单元/模块或子单元/模块,但是这种划分仅仅是示例性的并非强制性的。实际上,根据本发明的实施方式,上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之,上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。
实施例4
本实施例提供了一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现实施例1或实施例2的基于Echarts的数据展示方法的步骤。
其中,可读存储介质可以采用的更具体可以包括但不限于:便携式盘、硬盘、随机存取存储器、只读存储器、可擦拭可编程只读存储器、光存储器件、磁存储器件或上述的任意合适的组合。
在可能的实施方式中,本发明还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行实现实施例1或实施例2的基于Echarts的数据展示方法的步骤。
其中,可以以一种或多种程序设计语言的任意组合来编写用于执行本发明的程序代码,所述程序代码可以完全地在用户设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户设备上部分在远程设备上执行或完全在远程设备上执行。
虽然以上描述了本发明的具体实施方式,但是本领域的技术人员应当理解,这仅是举例说明,本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下,可以对这些实施方式做出多种变更或修改,但这些变更和修改均落入本发明的保护范围。

Claims (12)

1.一种基于Echarts的数据展示方法,其特征在于,包括以下步骤:
获取展示周期,所述展示周期为目标数据对应的时间周期;
根据所述展示周期查询与所述展示周期对应的时间单元;
生成与所述展示周期对应的时间序列,所述时间序列包括若干时间节点,相邻两个所述时间节点之间的时间间隔等于所述时间单元;
获取与每一个所述时间节点对应的数据作为所述目标数据;
以图表的形式展示所述目标数据。
2.如权利要求1所述的基于Echarts的数据展示方法,其特征在于,当所述展示周期为一年时,所述时间单元为一天;当所述展示周期为一周时,所述时间单元为一小时,当所述展示周期为一天时,所述时间单元为一分钟。
3.如权利要求1或2所述的基于Echarts的数据展示方法,其特征在于,所述图表包括折线图,所述折线图包括时间轴,所述时间轴的坐标点分别与所述时间节点相对应,所述折线图还包括折线,所述折线的节点分别与所述目标数据中的一个数据相对应;
或,所述图表包括柱状图,所述柱状图包括时间轴,所述时间轴的坐标点分别与所述时间节点相对应,所述柱状图还包括若干纵向条纹,每一条所述纵向条纹分别与所述目标数据中的一个数据相对应。
4.如权利要求3所述的基于Echarts的数据展示方法,其特征在于,所述数据展示方法还包括:
接收一作用于所述折线图上的区域选择操作,获取与所述区域对应的新的展示周期,并根据所述新的展示周期进行数据展示。
5.如权利要求1或2所述的基于Echarts的数据展示方法,其特征在于,所述目标数据包括呼叫数据;所述图表包括地图;
则所述以图表的形式展示所述目标数据的步骤包括:
在所述地图上标识与每一个呼叫对应的呼出地点和呼入地点;
以线条连接所述呼叫对应的所述呼出地点和呼入地点,所述线条的连接所述呼入地点的一端设置有指向所述呼入地点的箭头;
在所述呼出地点设置第一圆环,所述第一圆环与所述呼出地点为圆心,所述第一圆环的半径与所述呼出地点的呼出量成正比;
在所述呼入地点设置第二圆环,所述第二圆环与所述呼入地点为圆心,所述第二圆环的半径与所述呼入地点的呼入量成正比。
6.一种基于Echarts的数据展示系统,其特征在于,包括周期获取模组、时间单元查询模组、时间序列生成模组、目标数据获取模组、图表展示模组;
所述周期获取模组用于获取展示周期,所述展示周期为目标数据对应的时间周期;
所述时间单元查询模组用于根据所述展示周期查询与所述展示周期对应的时间单元;
所述时间序列生成模组用于生成与所述展示周期对应的时间序列,所述时间序列包括若干时间节点,相邻两个所述时间节点之间的时间间隔等于所述时间单元;
所述目标数据获取模组用于获取与每一个所述时间节点对应的数据作为所述目标数据;
所述图表展示模组用于以图表的形式展示所述目标数据。
7.如权利要求6所述的基于Echarts的数据展示系统,其特征在于,当所述展示周期为一年时,所述时间单元为一天;当所述展示周期为一周时,所述时间单元为一小时,当所述展示周期为一天时,所述时间单元为一分钟。
8.如权利要求6或7所述的基于Echarts的数据展示系统,其特征在于,所述图表包括折线图,所述折线图包括时间轴,所述时间轴的坐标点分别与所述时间节点相对应,所述折线图还包括折线,所述折线的节点分别与所述目标数据中的一个数据相对应;
或,所述图表包括柱状图,所述柱状图包括时间轴,所述时间轴的坐标点分别与所述时间节点相对应,所述柱状图还包括若干纵向条纹,每一条所述纵向条纹分别与所述目标数据中的一个数据相对应。
9.如权利要求8所述的基于Echarts的数据展示系统,其特征在于,所述图表展示模组还用于接收一作用于所述折线图上的区域选择操作,获取与所述区域对应的新的展示周期,并根据所述新的展示周期进行数据展示。
10.如权利要求6或7所述的基于Echarts的数据展示系统,其特征在于,所述目标数据包括呼叫数据;所述图表包括地图;
则所述图表展示模组还用于在所述地图上标识与每一个呼叫对应的呼出地点和呼入地点;
所述图表展示模组还用于以线条连接所述呼叫对应的所述呼出地点和呼入地点,所述线条的连接所述呼入地点的一端设置有指向所述呼入地点的箭头;
所述图表展示模组还用于在所述呼出地点设置第一圆环,所述第一圆环与所述呼出地点为圆心,所述第一圆环的半径与所述呼出地点的呼出量成正比;
所述图表展示模组还用于在所述呼入地点设置第二圆环,所述第二圆环与所述呼入地点为圆心,所述第二圆环的半径与所述呼入地点的呼入量成正比。
11.一种监控数据大屏展示系统,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1-5中任一项所述的基于Echarts的数据展示方法。
12.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-5中任一项所述的基于Echarts的数据展示方法的步骤。
CN201910729311.4A 2019-08-08 2019-08-08 基于Echarts的展示方法、系统、大屏系统和介质 Pending CN110471730A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910729311.4A CN110471730A (zh) 2019-08-08 2019-08-08 基于Echarts的展示方法、系统、大屏系统和介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910729311.4A CN110471730A (zh) 2019-08-08 2019-08-08 基于Echarts的展示方法、系统、大屏系统和介质

Publications (1)

Publication Number Publication Date
CN110471730A true CN110471730A (zh) 2019-11-19

Family

ID=68511583

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910729311.4A Pending CN110471730A (zh) 2019-08-08 2019-08-08 基于Echarts的展示方法、系统、大屏系统和介质

Country Status (1)

Country Link
CN (1) CN110471730A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111986748A (zh) * 2020-07-08 2020-11-24 福建亿能达信息技术股份有限公司 病历体征折线图表的展示、装置、设备、介质和实现方法
CN112000702A (zh) * 2020-09-18 2020-11-27 北京百度网讯科技有限公司 用于模板标签的处理方法和装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105893765A (zh) * 2016-04-06 2016-08-24 成都数联易康科技有限公司 一种基于Echarts的分级诊疗分析及数据可视化系统
CN106250679A (zh) * 2016-07-22 2016-12-21 湖南明康中锦医疗科技发展有限公司 一种远程展示呼吸机历史治疗数据的波形图绘制方法
EP3200171A1 (en) * 2016-01-28 2017-08-02 Airbus Operations S.A.S. Systems and methods for providing optimized taxiing path operation for an aircraft
CN109672565A (zh) * 2018-12-29 2019-04-23 北京奇安信科技有限公司 数据流监控方法、装置、设备及介质
WO2019127821A1 (zh) * 2017-12-26 2019-07-04 平安科技(深圳)有限公司 可视化报表的制作方法、装置、终端设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP3200171A1 (en) * 2016-01-28 2017-08-02 Airbus Operations S.A.S. Systems and methods for providing optimized taxiing path operation for an aircraft
CN105893765A (zh) * 2016-04-06 2016-08-24 成都数联易康科技有限公司 一种基于Echarts的分级诊疗分析及数据可视化系统
CN106250679A (zh) * 2016-07-22 2016-12-21 湖南明康中锦医疗科技发展有限公司 一种远程展示呼吸机历史治疗数据的波形图绘制方法
WO2019127821A1 (zh) * 2017-12-26 2019-07-04 平安科技(深圳)有限公司 可视化报表的制作方法、装置、终端设备及存储介质
CN109672565A (zh) * 2018-12-29 2019-04-23 北京奇安信科技有限公司 数据流监控方法、装置、设备及介质

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111986748A (zh) * 2020-07-08 2020-11-24 福建亿能达信息技术股份有限公司 病历体征折线图表的展示、装置、设备、介质和实现方法
CN112000702A (zh) * 2020-09-18 2020-11-27 北京百度网讯科技有限公司 用于模板标签的处理方法和装置、电子设备和存储介质
CN112000702B (zh) * 2020-09-18 2023-07-25 北京百度网讯科技有限公司 用于模板标签的处理方法和装置、电子设备和存储介质

Similar Documents

Publication Publication Date Title
US11301136B2 (en) Capacity forecasting based on capacity policies and transactions
US20170316439A1 (en) Systems and methods of simulating user intuition of business relationships using biographical imagery
CN102571403A (zh) 通用数据质量管控适配器的实现方法和装置
US20190318026A1 (en) Resource condition correction using intelligently configured dashboard widgets
CA3059738A1 (en) Behaviour data processing method, device, electronic device and computer readable medium
CN109871963A (zh) 运行故障还原方法、装置、电子设备及存储介质
CN105227405A (zh) 监控方法及系统
CN112182359A (zh) 推荐模型的特征管理方法及系统
CN112433712A (zh) 报表展示方法、装置、计算机设备和存储介质
CN110471730A (zh) 基于Echarts的展示方法、系统、大屏系统和介质
CN111291936B (zh) 产品生命周期预估模型生成方法、装置及电子设备
CN115017491A (zh) 结合rpa和ai的异常函件监控方法、装置及电子设备
Romero et al. Integration of DevOps practices on a noise monitor system with CircleCI and Terraform
CN112416700A (zh) 分析启动的预测性故障和smart日志
CN112070580A (zh) 基于航班实况的信息展示方法、系统、电子设备及介质
US8010942B1 (en) Resilient application design and displaying design profile via graphical user interface
CN110222032A (zh) 一种基于软件数据分析的通用事件模型
CN109241110A (zh) 订单管理方法及系统、电子设备、存储介质
CN107908629A (zh) 一种信息查询方法、终端以及设备
US20090119312A1 (en) Taxonomy tool
US8952898B1 (en) Method and system for displaying a quicktip
CN113127574A (zh) 基于知识图谱的业务数据展示方法、系统、设备及介质
CN112579082A (zh) 交互状态数据的建立方法、装置、存储介质及电子设备
MXPA04003070A (es) Una persistencia independiente de generacion de informacion.
CN110442793A (zh) 最低价航班推荐方法及系统、电子设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20191119