[发明专利]数据可视化系统的多终端自适应方法及系统

说明书

本发明公开了一种数据可视化系统的多终端自适应方法及系统，包括以下步骤：S1确定设计终端的数据可视化系统的组件及界面布局；S2获取目标设备的相关屏幕参数；S3根据设计终端和目标设备的屏幕参数，通过转换算法计算设计终端和目标设备的屏幕参数之间的缩放系数；S4通过所述缩放系数对可视化系统界面进行缩放和调整。本发明有益效果：根据终端设备屏幕的分辨率及像素密度等特点，对数据可视化容器进行一定的缩放和移位，保证系统在各种终端上都具有良好的可视效果。该技术提高数据可视化系统在各种终端设备上的适应度和兼容度，减少了所需的工作量，同时能够保持系统的功能和外观设计的一致性且易于交互，维持良好的用户体验。

技术领域

本发明涉及数据可视化技术领域，具体来说，涉及一种数据可视化系统的多终端自适应方法及系统。

背景技术

可视化(Visualization)是利用计算机图形学和图像处理技术，将数据转换成图形或图像在屏幕上显示出来，再进行交互处理的理论、方法和技术。数据可视化主要是借助于图形化手段，清晰有效地传达与沟通信息。数据可视化系统可以将收集到的数据进行分析和处理，并整合为图形及报表等形式呈现给用户，是信息化时代人们对海量数据进行认知和辅助决策的一种重要工具。

随着互联网和制造业的发展，人们的生活和工作中使用的显示终端越来越多，如手机、平板、二合一电脑、笔记本电脑、电视、投影仪、广告牌、巨型(拼接)显示屏等等，这些显示终端的尺寸和屏幕分辨率和越来越丰富，这些软(操作系统平台)硬(尺寸、分辨率等)件的差异，对人的视觉效果和观看行为有着不同的影响。高清电视和手机虽然视觉效果相近，但是人眼距离手机屏幕通常只有10厘米左右，而看电视时人们通常距离电视2至3米，而同样尺寸的电视及同样观看距离下，普通屏幕和4K高清显示屏的视觉效果也有所不同，4K分辨率的电视其效果通常更好，这是由于其像素密度更高。

可视化系统大致分为桌面端、移动端和Web端，其中，桌面端(PC)和移动端(手机APP)的可视化系统因操作系统、实现技术和设备屏幕大小不同等原因，通常需要分别开发适配，而两种终端均可以访问Web内容，因此Web形式的可视化系统具有跨平台及跨终端的特点。

目前，Web端数据可视化系统对不同终端的可视化组件自适应方案主要是针对不同大小的多媒体设备设置不同的大小或者设计不同的效果，在访问时导航根据用户设备屏幕信息导航至相应的页面，虽然通过一种技术方案实现了跨平台及跨终端，但由于需要对不同大小的屏幕进行分别适配和设计，导致实现系统的总工作量并没有显著降低；除此之外，由于需要对于不同屏幕分别进行界面布局设计，以及不同大小的屏幕的像素密度、适宜观看距离也不同，无法保证系统在不同终端上视觉效果的一致性。

针对相关技术中的问题，目前尚未提出有效的解决方案。

发明内容

针对相关技术中的上述技术问题，本发明提出一种数据可视化系统的多终端自适应方法及系统，能够提高数据可视化系统在各种终端设备上的适应度和兼容度，减少了所需的工作量，同时能够保持系统的功能和外观设计的一致性且易于交互，维持良好的用户体验。

为实现上述技术目的，本发明的技术方案是这样实现的：

一种数据可视化系统的多终端自适应方法，包括以下步骤：

S1确定设计终端的数据可视化系统的组件及界面布局；

S2获取目标设备的相关屏幕参数；

S3根据设计终端和目标设备的屏幕参数，通过转换算法计算设计终端和目标设备的屏幕参数之间的缩放系数；

S4通过所述缩放系数对可视化系统界面进行缩放和调整。

进一步地，所述步骤S2中屏幕参数包括但不限于屏幕像素密度、屏幕分辨率、屏幕尺寸和屏幕适宜观看距离。