[发明专利]JSON树的视图化方法、装置、设备及可读存储介质

权利要求书

1.一种JSON树的视图化方法，其特征在于，包括：

获取树型结构的JSON数据；

遍历所述JSON数据中的所有数据对象，并确定不同数据对象之间的关联关系，所述不同数据对象之间的关联关系包括父节点和子节点之间的父子关系；

根据所述不同数据对象之间的关联关系确定视图节点的延伸方向，并按照所述延伸方向和所述不同数据对象之间的关联关系将所有数据对象进行CSS流式布局，所述CSS流式布局的划分区域的尺寸使用百分数；

利用SVG技术设置每个数据对象的位置坐标值并连接，得到所述JSON数据的可视化图形，包括：在预设的图网容器元素上创建SVG容器元素，并动态设置SVG容器元素的尺寸，使SVG容器元素与图网容器元素在HTML文档流中重合；利用SVG技术创建直线、折线以及基本图形，并设置每个数据对象的位置坐标值；按照每个数据对象的属性信息连接不同数据对象的位置坐标值，得到所述JSON数据的可视化图形；所述可视化图形为HTML格式。

2.根据权利要求1所述的JSON树的视图化方法，其特征在于，所述得到所述JSON数据的可视化图形之后，还包括：

利用CSS工具将所述可视化图形进行预设角度的旋转，得到目标图形。

3.根据权利要求2所述的JSON树的视图化方法，其特征在于，所述利用CSS工具将所述可视化图形进行预设角度的旋转，得到目标图形，包括：

利用CSS工具将所述可视化图形顺时针旋转180度，并使旋转后的可视化图形中的各个节点进行旋转，得到逆文档流方向的目标图形。

4.根据权利要求1所述的JSON树的视图化方法，其特征在于，所述得到所述JSON数据的可视化图形之后，还包括：

按照不同的延伸方向调整所述可视化图形，所述延伸方向至少包括：由上至下，由下至上，由左及右，由右及左。

5.根据权利要求1-4任意一项所述的JSON树的视图化方法，其特征在于，所述得到所述JSON数据的可视化图形之后，还包括：

将所述可视化图形转换为3D视图。

6.一种JSON树的视图化装置，其特征在于，包括：

获取模块，用于获取树型结构的JSON数据；

遍历模块，用于遍历所述JSON数据中的所有数据对象，并确定不同数据对象之间的关联关系，所述不同数据对象之间的关联关系包括父节点和子节点之间的父子关系；

布局模块，用于根据所述不同数据对象之间的关联关系确定视图节点的延伸方向，并按照所述延伸方向和所述不同数据对象之间的关联关系将所有数据对象进行CSS流式布局，所述CSS流式布局的划分区域的尺寸使用百分数；

可视化模块，用于利用SVG技术设置每个数据对象的位置坐标值并连接，得到所述JSON数据的可视化图形，所述可视化图形为HTML格式;

所述可视化模块，具体用于在预设的图网容器元素上创建SVG容器元素，并动态设置SVG容器元素的尺寸，使SVG容器元素与图网容器元素在HTML文档流中重合；利用SVG技术创建直线、折线以及基本图形，并设置每个数据对象的位置坐标值；按照每个数据对象的属性信息连接不同数据对象的位置坐标值，得到所述JSON数据的可视化图形。

7.根据权利要求6所述的JSON树的视图化装置，其特征在于，还包括：

旋转模块，用于利用CSS工具将所述可视化图形进行预设角度的旋转，得到目标图形。

8.一种JSON树的视图化设备，其特征在于，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如权利要求1-5任意一项所述的JSON树的视图化方法的步骤。

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