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

权利要求书

1.一种数据可视化页面的自适应渲染方法，其特征在于，所述方法包括：

基于预设的BI工具中预置的场景自适应类型，构建待渲染可视化界面；其中，所述待渲染可视化界面中包含若干个可视化元素；

在需要将所述待渲染可视化界面在待展示显示面板进行可视化展示的情况下，对所述待渲染可视化界面与待展示显示面板进行分辨率对比，以确定对应的宽度比与高度比，并确定各可视化元素在所述待渲染可视化界面中的元素属性；其中，所述元素属性包括：元素高度、元素宽度及界面位置；

基于所述待渲染可视化界面对应的场景自适应类型、所述宽度比、所述高度比及各可视化元素的元素属性，对所述待渲染可视化界面进行转换，以获得待展示可视化界面。

2.根据权利要求1所述的一种数据可视化页面的自适应渲染方法，其特征在于，基于预设的BI工具中预置的场景自适应类型，构建待渲染可视化界面，具体包括：

基于所述BI工具中预置的场景自适应类型，确定可视化空白页面属性；其中，所述场景自适应类型包括：屏幕自适应、等比自适应、高度自适应、宽度自适应、固定值；

通过埋点技术将可视化元素添加到可视化空白页面，以获得所述待渲染可视化界面。

3.根据权利要求2所述的一种数据可视化页面的自适应渲染方法，其特征在于，基于所述待渲染可视化界面对应的场景自适应类型、所述宽度比、所述高度比及各可视化元素的元素属性，对所述待渲染可视化界面进行转换，具体包括：

确定可视化元素中是否包含文字元素；

在确定所述可视化元素中不包含文字元素的情况下，基于所述待渲染可视化界面对应的场景自适应类型，确定所述待渲染可视化界面的宽高比转换规则；

基于所述宽度比、所述高度比及各可视化元素的元素属性，通过所述转换规则，对所述待渲染可视化界面进行转换。

4.根据权利要求3所述的一种数据可视化页面的自适应渲染方法，其特征在于，所述方法还包括：

在确定所述可视化元素中包含文字元素的情况下，确定所述宽度比是否小于所述高度比；

在确定所述宽度比小于所述高度比的情况下，基于所述宽度比对所述文字元素进行缩放处理；

在确定所述宽度比不小于所述高度比的情况下，基于所述高度比对所述文字元素进行缩放处理；

基于所述待渲染可视化界面对应的场景自适应类型，确定所述待渲染可视化界面的宽高比转换规则，并基于所述宽度比、所述高度比及各可视化元素的元素属性，通过所述转换规则，对所述待渲染可视化界面中的非文字元素进行转换。

5.根据权利要求2所述的一种数据可视化页面的自适应渲染方法，其特征在于，

所述屏幕自适应为基于所述待展示显示面板的分辨率尺寸，使所述待渲染可视化界面缩放为满屏状态；

所述等比自适应为基于所述待展示显示面板的分辨率尺寸，使所述待渲染可视化界面等比缩短；

所述宽度自适应为基于所述待展示显示面板的宽度分辨率尺寸，使所述待渲染可视化界面等比缩短；

所述高度自适应为基于所述待展示显示面板的高度分辨率尺寸，使所述待渲染可视化界面等比缩短；

所述固定值为基于所述待渲染可视化界面的分辨率尺寸，在所述待展示显示面板中居中显示。

6.一种数据可视化页面的自适应渲染系统其特征在于，所述系统包括：构建模块、确定模块、转换模块；

所述构建模块，用于基于预设的BI工具中预置的场景自适应类型，构建待渲染可视化界面；其中，所述待渲染可视化界面中包含若干个可视化元素；

所述确定模块，用于在需要将所述待渲染可视化界面在待展示显示面板进行可视化展示的情况下，对所述待渲染可视化界面与待展示显示面板进行分辨率对比，以确定对应的宽度比与高度比，并确定各可视化元素在所述待渲染可视化界面中的元素属性；其中，所述元素属性包括：元素高度、元素宽度及界面位置；

所述转换模块，用于基于所述待渲染可视化界面对应的场景自适应类型、所述宽度比、所述高度比及各可视化元素的元素属性，对所述待渲染可视化界面进行转换，以获得待展示可视化界面。