[发明专利]一种数据可视化页面的自适应渲染方法、系统及存储介质

说明书

本申请公开了一种数据可视化页面的自适应渲染方法、系统及存储介质。方法包括：基于预设的BI工具中预置的场景自适应类型，构建待渲染可视化界面；在需要将待渲染可视化界面在待展示显示面板进行可视化展示的情况下，对待渲染可视化界面与待展示显示面板进行分辨率对比，以确定对应的宽度比与高度比，并确定各可视化元素在待渲染可视化界面中的元素属性；其中，元素属性包括：元素高度、元素宽度及界面位置；基于待渲染可视化界面对应的场景自适应类型、宽度比、高度比及各可视化元素的元素属性，对待渲染可视化界面进行转换，以获得待展示可视化界面。本申请通过上述方法实现了开发的一个页面能自适应不同的分辨率设备。

技术领域

本申请涉及商务智能技术领域，尤其涉及一种数据可视化页面的自适应渲染方法、系统及存储介质。

背景技术

随着大数据技术的日益普及，web系统的一个分支数据可视化系统得到了长足的发展。数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。数据可视化主要是借助于图形化手段，清晰有效地传达与沟通信息。但是，这并不就意味着，数据可视化就一定因为要实现其功能用途而令人感到枯燥乏味，或者是为了看上去绚丽多彩而显得极端复杂。为了有效地传达思想概念，美学形式与功能需要齐头并进，通过直观地传达关键的方面与特征，从而实现对于相当稀疏而又复杂的数据集的深入洞察。

在web开发领域，早期的数据展示基本都是以table的形式进行。随着浏览器对于图形化技术的集成，大量的统计图表技术在web前端侧形成了相应的技术框架和技术产品，这就让浏览器展示数据的手段更加的多样化，使得以前靠文字展示内容的模式逐渐演变成图文结合的模式，甚至是纯图形化的表现模式。而随着大数据技术的发展，这个趋势要求web前端能够展示更加多样化的数据，同时也要求web前端能够通过图形化技术来以视觉容易接受的方式让数据在无形中进行了二次分析。

在可视化页面的生产实践中，展现的载体一般有投影仪，LED屏幕，个人电脑，甚至部分的可视化页面要求在移动端呈现，这些展现的载体落实到web前端技术领域，就是各个展现载体的分辨率不同，在开发实践中碰到的最大的分辨率有像影院的巨幕电影那么大的屏幕，最小的分辨率有大家日常使用的手机一般大小的屏幕，因此可视化大屏基本囊括了时下绝大部分的分辨率范畴。此外，可视化页面绝大部分的展示元素都是可视化图表，因此就算分辨率再小，具体的可视化图表元素也不能缩放过小超过了人眼能很舒适的识别的程度。因此，在实际开发生产过程中如何实现开发的一个页面能自适应不同的分辨率设备成为亟待解决的技术问题。

发明内容

本申请实施例提供了一种数据可视化页面的自适应渲染方法、系统及存储介质，用以解决如下技术问题：在实际开发生产过程中如何实现开发的一个页面能自适应不同的分辨率设备。

第一方面，本申请实施例提供了一种数据可视化页面的自适应渲染方法，其特征在于，方法包括：基于预设的BI工具中预置的场景自适应类型，构建待渲染可视化界面；其中，待渲染可视化界面中包含若干个可视化元素；在需要将待渲染可视化界面在待展示显示面板进行可视化展示的情况下，对待渲染可视化界面与待展示显示面板进行分辨率对比，以确定对应的宽度比与高度比，并确定各可视化元素在待渲染可视化界面中的元素属性；其中，元素属性包括：元素高度、元素宽度及界面位置；基于待渲染可视化界面对应的场景自适应类型、宽度比、高度比及各可视化元素的元素属性，对待渲染可视化界面进行转换，以获得待展示可视化界面。

在本申请的一种实现方式中，基于预设的BI工具中预置的场景自适应类型，构建待渲染可视化界面，具体包括：基于BI工具中预置的场景自适应类型，确定可视化空白页面属性；其中，场景自适应类型包括：屏幕自适应、等比自适应、高度自适应、宽度自适应、固定值；通过埋点技术将可视化元素添加到可视化空白页面，以获得待渲染可视化界面。