数据显示方法、系统及可读存储介质与流程

本发明涉及数据处理，尤其涉及一种基于echarts图表库的数据显示方法、系统及可读存储介质。

背景技术：

1、echarts(enterprise charts)是一款应用领域广泛的数据可视化图表库，除了提供常规的折线图、柱状图、散点图、饼图之外，还提供用于统计的盒型图，用于地理数据可视化的地图、热力图，用于关系数据可视化的关系图、旭日图等一系列直观、生动的数据可视化图表。

2、不同用户在使用echarts图表库时，除了直接使用其中的可视化图表来展示数据外，可能还具有对所展示的可视化图表进行调整的需求，例如调整数据显示的颜色、宽度、高度、位置等。因此，如何快速调整获得满足用户需求的数据可视化图表是当前需要解决的技术问题。

技术实现思路

1、本发明的主要目的在于提供一种基于echarts图表库的数据显示方法、系统及可读存储介质，旨在解决现有技术中如何快速调整获得满足用户需求的数据可视化图表的技术问题。

2、为实现上述目的，本发明提供一种基于echarts图表库的数据显示方法，所述基于echarts图表库的数据显示方法包括：

3、当接收到数据显示请求时，从echarts图表库中确定出与所述数据显示请求对应的图表框架，以及与所述图表框架对应的可调整代码模块；

4、获取与所述图表框架对应的调整指令，并查找所述可调整代码模块中与所述调整指令对应的变量名，将所述变量名对应的变量值用所述调整指令中的调整值进行替换；

5、基于替换后的所述变量值对所述图表框架进行更新，并将与所述数据显示请求对应的待显示数据添加到更新后的所述图表框架中，形成与所述数据显示请求对应的数据图表输出显示。

6、可选地，所述查找所述可调整代码模块中与所述调整指令对应的变量名的步骤包括：

7、获取所述调整指令中携带的调整项目名，并调用所述可调整代码模块中所有支持调整的模块变量名列表；

8、将所述调整项目名与所述模块变量名列表比对，确定与所述调整项目名相同的目标模块变量名；

9、根据所述模块变量名列表中各模量变量名对应的代码行，确定所述目标模块变量名对应的目标代码行，并从所述目标代码行查找出所述目标模块变量名标识为与所述调整指令对应的变量名。

10、可选地，所述将与所述数据显示请求对应的待显示数据添加到更新后的所述图表框架中，形成与所述数据显示请求对应的数据图表输出显示的步骤包括：

11、将与所述数据显示请求对应的待显示数据添加到更新后的所述图表框架中，形成初始图表，并获取与所述数据显示请求对应的显示界面大小；

12、判断所述初始图表的尺寸大小是否与所述显示界面大小匹配，若与所述显示界面大小匹配，则将所述初始图表作为与所述数据显示请求对应的数据图表输出显示。

13、可选地，所述判断所述初始图表的尺寸大小是否与所述显示界面大小匹配的步骤之后包括：

14、若所述初始图表的尺寸大小与所述显示界面大小不匹配，则根据所述显示界面大小，对所述初始图表进行调整，并将调整后的所述初始图表作为与所述数据显示请求对应的数据图表输出显示。

15、可选地，所述当接收到数据显示请求时，从echarts图表库中确定出与所述数据显示请求对应的图表框架的步骤包括：

16、当接收数据显示请求时，将echarts图表库中支持显示的初始图表框架输出；

17、接收基于各所述初始图表框架发送的选择指令，并从各所述初始图表框架中筛选出与所述选择指令对应的初始图表框架作为与所述数据显示请求对应的图表框架。

18、可选地，所述获取与所述图表框架对应的调整指令的步骤包括：

19、判断是否接收到基于所述图表框架触发的调整请求，若接收到所述调整请求，则获取所述调整请求中携带的指令作为与所述图表框架对应的调整指令。

20、可选地，所述判断是否接收到基于所述图表框架触发的调整请求的步骤之后包括：

21、若未接收到所述调整请求，则将与所述数据显示请求对应的待显示数据添加到所述图表框架中，形成与所述数据显示请求对应的数据图表输出显示。

22、可选地，所述形成与所述数据显示请求对应的数据图表输出显示的步骤之后包括：

23、当接收到框架更换指令时，查找所述echarts图表库中与所述框架更换指令对应的目标图表框架；

24、将所述待显示数据添加到所述目标图表框架中，形成新的所述数据图表输出显示。

25、进一步地，为实现上述目的，本发明还提供一种基于echarts图表库的数据显示系统，所述基于echarts图表库的数据显示系统包括：存储器、处理器、通信总线以及存储在所述存储器上的控制程序：

26、所述通信总线用于实现处理器和存储器之间的连接通信；

27、所述处理器用于执行所述控制程序，以实现如上所述基于echarts图表库的数据显示方法的步骤。

28、进一步地，为实现上述目的，本发明还提供一种可读存储介质，所述可读存储介质上存储有控制程序，所述控制程序被处理器执行时实现如上所述基于echarts图表库的数据显示方法的步骤。

29、本发明的基于echarts图表库的数据显示方法、系统及可读存储介质，一旦接收到数据显示请求，则从echarts图表库中确定出与数据显示请求对应的图表框架，以及与图表框架对应的可调整代码模块；进而获取与图表框架对应的调整指令，并查找可调整代码模块中与调整指令对应的变量名，以及将变量名对应的变量值用调整指令中的调整值进行替换；此后，基于替换后的变量值对图表框架进行更新，并将与数据显示请求对应的待显示数据添加到更新后的图表框架中，形成与数据显示请求对应的数据图表输出显示。其中，图表框架为用户将所需要显示的数据进行显示的模板，可调整代码模块为支持模板显示的代码中用以调整显示格式的部分代码，调整指令为用户根据其需求所发出的指令，通过调整指令对可调整的部分代码进行调节，以使得调整后用于显示的模板满足用户的数据显示需求。同时，通过将图表框架与其可调整代码模块进行对应，对于调整指令，只需要查找可调整代码模块中相应的内容进行替换，就可快速形成新的满足用户显示需求的模板，从而实现快速调整获得满足用户需求的数据可视化图表。

技术特征：

1.一种基于echarts图表库的数据显示方法，其特征在于，所述数据显示方法包括：

2.如权利要求1所述的数据显示方法，其特征在于，所述查找所述可调整代码模块中与所述调整指令对应的变量名的步骤包括：

3.如权利要求1所述的数据显示方法，其特征在于，所述将与所述数据显示请求对应的待显示数据添加到更新后的所述图表框架中，形成与所述数据显示请求对应的数据图表输出显示的步骤包括：

4.如权利要求3所述的数据显示方法，其特征在于，所述判断所述初始图表的尺寸大小是否与所述显示界面大小匹配的步骤之后包括：

5.如权利要求1-4任一项所述的数据显示方法，其特征在于，所述当接收到数据显示请求时，从echarts图表库中确定出与所述数据显示请求对应的图表框架的步骤包括：

6.如权利要求1-4任一项所述的数据显示方法，其特征在于，所述获取与所述图表框架对应的调整指令的步骤包括：

7.如权利要求7所述的数据显示方法，其特征在于，所述判断是否接收到基于所述图表框架触发的调整请求的步骤之后包括：

8.如权利要求1-4任一项所述的数据显示方法，其特征在于，所述形成与所述数据显示请求对应的数据图表输出显示的步骤之后包括：

9.一种基于echarts图表库的数据显示系统，其特征在于，所述基于echarts图表库的数据显示系统包括：存储器、处理器、通信总线以及存储在所述存储器上的控制程序：

10.一种可读存储介质，其特征在于，所述可读存储介质上存储有控制程序，所述控制程序被处理器执行时实现如权利要求1-8任一项所述的基于echarts图表库的数据显示方法的步骤。

技术总结
本发明公开了基于ECharts图表库的数据显示方法、系统及可读存储介质，方法包括：当接收到数据显示请求时，从ECharts图表库中确定出与其对应的图表框架，以及与图表框架对应的可调整代码模块；获取与图表框架对应的调整指令，并查找可调整代码模块中与调整指令对应的变量名，将变量名对应的变量值用调整指令中的调整值替换；基于替换后的变量值对图表框架更新，并将与数据显示请求对应的待显示数据添加到更新后的图表框架中，形成数据图表输出显示。本发明将图表框架与其可调整代码模块对应，通过查找可调整代码模块中相应的内容替换，就可快速形成满足用户显示需求的模板，从而获得满足用户需求的数据可视化图表显示。

技术研发人员：海克洪,李超,薛熠
受保护的技术使用者：武汉美和易思数字科技有限公司
技术研发日：
技术公布日：2024/1/16