[发明专利]基于浏览器的数据可视化方法、装置及可读存储介质

权利要求书

1.一种基于浏览器的数据可视化方法，其特征在于，包括：

创建超文本标记语言文档，并在所述超文本标记语言文档中引入js文件；

在所述js文件中引入基于WebGL的浏览器3D引擎；

创建Atom类，在所述Atom类的构造函数中实例化所述浏览器3D引擎的绘制场景数据、字体数据以及动画效果数据；

设置初始函数，在所述初始函数中初始化所述浏览器3D引擎，以进行可视化绘制。

2.根据权利要求1所述的可视化方法，其特征在于，在所述超文本标记语言文档中引入js文件的步骤具体包括：

采用script标签type为module的方式在所述超文本标记语言文档中引入js文件。

3.根据权利要求1所述的可视化方法，其特征在于，所述浏览器3D引擎采用three.js；

在所述js文件中引入基于WebGL的浏览器3D引擎的步骤具体包括：

在所述js文件中使用import语句引入three.js文件。

4.根据权利要求1所述的可视化方法，其特征在于，在所述初始函数中初始化所述浏览器3D引擎的步骤具体包括：

在所述初始函数中初始化所述浏览器3D引擎的渲染器、相机、灯光、控制器以及动画，所述渲染器用于渲染场景中的物体，所述相机用于观察场景，所述灯光用于点亮场景，所述控制器控制所述相机的移动。

5.根据权利要求1所述的可视化方法，其特征在于，进行可视化绘制的步骤具体包括：

绘制最外层的遮罩层，并将该所述遮罩层添加到所述场景数据中；

绘制轨道，所述轨道由线状材质绘制而成；

在所述轨道中绘制电子。

6.根据权利要求1所述的可视化方法，其特征在于，绘制最外层的遮罩层的步骤具体包括：

绘制3D透明球形，并给所述3D透明球形添加一蜂窝状的贴图，以形成遮罩层；

使用所述浏览器3D引擎的着色器为所述遮罩层添加余晖动画。

7.根据权利要求1所述的可视化方法，其特征在于，绘制轨道的步骤具体包括：

采用圆的算法，在预设直径的虚拟圆形上放置若干个点；

使用线性的几何体连接所述点，以形成具有轨迹的圆形。

8.一种基于浏览器的数据可视化装置，其特征在于，包括：

第一创建模块，用于创建超文本标记语言文档，并在所述超文本标记语言文档中引入js文件；

引入模块，用于在所述js文件中引入基于WebGL的浏览器3D引擎；

第二创建模块，用于创建Atom类，在所述Atom类的构造函数中实例化所述浏览器3D引擎的绘制场景数据、字体数据以及动画效果数据；

设置模块，用于设置初始函数，在所述初始函数中初始化所述浏览器3D引擎，以进行可视化绘制。

9.一种可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7任意一项所述的方法。

10.一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至7任意一项所述的方法。