[发明专利]图表跟随用户界面的动态换肤方法、装置和计算机设备

说明书

本发明公开了一种图表跟随用户界面的动态换肤方法、装置和计算机设备。其中，图表跟随用户界面的动态换肤方法包括：实时监测用户界面的显示参数；判断用户界面的显示参数是否发生变化；如果用户界面的显示参数发生变化，则运行图表换肤函数，以对图表进行换肤。本发明实施例的图表跟随用户界面的动态换肤方法、装置和计算机设备，通过实时监测用户界面的显示参数，在监测到用户界面的显示参数发生变化时，运行图表换肤函数，以对图表进行换肤，图表皮肤颜色能够实时跟随用户界面的皮肤颜色变化而变化，避免用户界面刷新效果，提高用户使用体验。

技术领域

本发明涉及界面显示技术领域，尤其涉及一种图表跟随用户界面的动态换肤方法、装置和计算机设备。

背景技术

随着前端技术的不断发展，后台管理系统界面的框架越来越丰富，各终端用户对于界面的美观性和多样性的要求也是越来越多。在满足系统功能的同时，需要对功能界面的美观性做出更好的设计。而对功能界面进行更换皮肤，可以极大程度上带来UI(UserInterface，用户界面)框架的丰富性。目前的换肤主要是HTML+CSS层面的变化，而对于界面上的某些图表，该方法不产生任何效果。例如，当界面由浅色皮肤变为深色皮肤的时候，图表还是保持固定的颜色没有变化，从而导致图表颜色和界面颜色存在差异，显得突兀，不够美观。

现有技术可以通过缓存存储界面的皮肤参数并刷新的方式来匹配图表和界面的皮肤颜色，从而实现图表的换肤。但是，该方法会造成界面数据和操作都恢复到起始状态，而且会产生一个页面刷新闪现的过度效果，用户体验不友好。此外，该方法容易造成用户误操作，导致页面操作和数据的丢失。

发明内容

本发明的目的旨在至少在一定程度上解决上述的技术问题之一。

为此，本发明的第一个目的在于提出一种图表跟随用户界面的动态换肤方法，图表皮肤颜色能够实时跟随用户界面的皮肤颜色变化而变化，避免用户界面刷新效果，提高用户使用体验。

本发明的第二个目的在于提出一种图表跟随用户界面的动态换肤装置。

本发明的第三个目的在于提出一种计算机设备。

本发明的第四个目的在于提出一种非临时性计算机可读存储介质。

为了实现上述目的，本发明第一方面实施例提出一种图表跟随用户界面的动态换肤方法，该方法包括：

实时监测用户界面的显示参数；

判断所述用户界面的显示参数是否发生变化；

如果所述用户界面的显示参数发生变化，则运行图表换肤函数，以对所述图表进行换肤。

可选的，实时监测用户界面的显示参数，包括：

利用视图框架VUE的侦听器实时监测所述用户界面的显示参数。

可选的，运行图表换肤函数，以对所述图表进行换肤，包括：

定义所述图表的文字和/或线条的变量参数；

当检测到所述用户界面的显示参数发生变化时，对所述图表的文字和/或线条的变量参数进行重新赋值。

可选的，当检测到所述用户界面的显示参数发生变化时，对所述图表的文字和/或线条的变量参数进行重新赋值，包括：

获取变化后的所述用户界面的显示参数；

根据变化后的所述用户界面的显示参数设置所述图表的属性，并将变化后的所述用户界面的显示参数传递至所述图表。

本发明实施例的图表跟随用户界面的动态换肤方法，通过实时监测用户界面的显示参数，在监测到用户界面的显示参数发生变化时，运行图表换肤函数，以对图表进行换肤，图表皮肤颜色能够实时跟随用户界面的皮肤颜色变化而变化，避免用户界面刷新效果，提高用户使用体验。