[发明专利]大屏数据可视化显示方法、装置、存储介质和计算机设备

权利要求书

1.一种大屏数据可视化显示方法，其特征在于，包括：

当监听到浏览器视口发生变化时，获取所述浏览器视口的变化数据，并读取浏览器的容器预置的容器参数；其中，所述容器参数包括画布大小、缩放模式；

根据所述浏览器视口的变化数据及所述容器参数计算画布的缩放比例，得到画布缩放比例；

根据所述画布缩放比例对所述浏览器容器进行重新渲染；

获取与所述容器相关的组件，得到目标组件，将所述画布缩放比例广播至各个目标组件，完成各个目标组件的重新渲染；

获取大屏数据，将所述大屏数据导入重新渲染后的所述容器及各个目标组件中，生成可视化图形，将所述可视化图形在界面进行显示。

2.根据权利要求1所述的方法，其特征在于，所述目标组件包括图表组件，所述获取与所述容器相关的组件，得到目标组件，将所述画布缩放比例广播至各个目标组件的步骤之后，还包括：

获取所述图表组件预置的图表组件参数；

根据所述画布缩放比例及图表组件参数重新确定所述图表组件的图表组件参数，得到目标图表组件参数；所述目标图表组件参数包括进场动画、图表组件缩放比例、组件间相对关系及位置信息；

根据所述图表组件的目标图表组件参数完成所述图表组件的重新渲染，并获取与所述图表组件相关的组件，将所述图表组件的目标图表组件参数广播至与所述图表组件相关的组件完成重新渲染。

3.根据权利要求2所述的方法，其特征在于，所述根据所述画布缩放比例及图表组件参数重新确定所述图表组件的图表组件参数的步骤，包括：

根据所述画布缩放比例调整所述图表组件的宽度、高度和图表组件缩放比例；

将调整后的所述图表组件的宽度、高度和图表组件缩放比例作为所述图表组件参数；

所述根据所述图表组件的目标图表组件参数完成所述图表组件的重新渲染的步骤，包括：

按照所述图表组件缩放比例对所述图表组件的宽度和高度进行缩小或放大，并将超过所述图表组件的宽度和高度的内容进行裁剪，完成所述图表组件的重新渲染。

4.根据权利要求2所述的方法，其特征在于，所述根据所述画布缩放比例及图表组件参数重新确定所述图表组件的图表组件参数的步骤，包括：

根据所述画布缩放比例调整所述图表组件的宽度、高度及宽度缩放比例；

将调整后的所述图表组件的宽度、高度及宽度缩放比例作为所述图表组件参数；

所述根据所述图表组件的目标图表组件参数完成所述图表组件的重新渲染的步骤，包括：

按照所述宽度缩放比例对所述图表组件的宽度进行缩小或放大，并保持所述图表组件的高度不变，完成所述图表组件的重新渲染。

5.根据权利要求1所述的方法，其特征在于，所述将所述画布缩放比例广播至各个目标组件的步骤之后，还包括：

监听所述各个目标组件的广播消息；其中，所述广播消息携带有所述目标组件的目标组件参数；

当监听到至少一个所述目标组件的广播消息时，从所述广播消息中提取所述目标组件的目标组件参数；

根据所述目标组件的目标组件参数重新渲染所述容器。

6.根据权利要求1所述的方法，其特征在于，所述将所述画布缩放比例广播至各个目标组件的步骤之前，还包括：

判断所述画布缩放比例是否为预设的目标缩放比例；

若否，则执行将所述画布缩放比例广播至各个目标组件的步骤；

若是，则按照所述画布缩放比例对各个目标组件进行重新渲染。

7.根据权利要求1所述的方法，其特征在于，所述将所述大屏数据导入重新渲染后的所述容器及各个目标组件中，生成可视化图形，将所述可视化图形在界面进行显示的步骤，包括：

对所述大屏数据进行平面化处理；

将平面化处理后的所述大屏数据导入重新渲染后的所述容器及各个目标组件中，得到可视化图形；

将所述可视化图形按照预定的风格在界面进行显示。