[发明专利]基于D3的数据可视化图形生成方法及存储介质

权利要求书

1.一种基于D3的数据可视化图形生成方法，其特征在于，包括如下步骤：

获取待生成可视化图形的数据包，所述数据包中包括多个话题、各个话题中包括的多个关键词以及各个话题的多个维度属性值；

根据所述数据包中多个话题及各个话题所对应的多个维度的属性值，绘制图表图形；

调取d3.layout.cloud.js词云包，所述词云包中包括多个关键词，所述多个关键词分别对应所述多个话题；

根据所述关键词与所述话题的对应关系，将各个所述关键词定位到所对应的话题在所述图表图形中的可用填充位置。

2.根据权利要求1所述的基于D3的数据可视化图形生成方法，其特征在于，所述绘制图表图形，包括如下步骤：

在svg画布上绘制二维坐标轴，所述二维坐标轴的x轴对应预设的第一维度，所述二维坐标系的y轴对应预设的第二维度，所述各个话题的多个维度属性值包括各个话题的至少一个第一维度属性值，以及该话题在各个第一维度属性值下的第二维度属性值；

将各个话题的第一维度属性值作为x轴变量，在各个第一维度属性值下的第二维度属性值作为对应的y轴变量，在所述svg画布上绘制该话题的变化曲线。

3.根据权利要求2所述的基于D3的数据可视化图形生成方法，其特征在于，所述第一维度和第二维度分别为年份维度和词频维度，所述图表图形为各个话题随各个年份的词频变化曲线图。

4.根据权利要求3所述的基于D3的数据可视化图形生成方法，其特征在于，所述绘制二维坐标轴，包括如下步骤：

在所述svg画布上定义上下左右四个方向的边界线，形成由四条边界线围成的绘图区域，该绘图区域的宽度和高度分别为：

W2＝W1-P1-P2；

H2＝H1-P3-P4；

其中，W1和H1分别为所述svg画布的总宽度和总高度；P1、P2、P3、P4分别为左边界、右边界、上边界和下边界与所述svg画布的左边缘、右边缘、上边缘和下边缘之间的间距值；W2和H2分别为所述绘图区域的宽度和高度；

定义x轴的宽度和y轴的高度分别为所述绘图区域的宽度和高度；

将选取的年份值作为离散点平均映射到所述x轴上；

计算所述数据包中的最大词频值Fremax，将(0，Fremax*k)范围的数据作为连续数据平均映射到所述y轴上，其中k值为预设扩展系数。

5.根据权利要求2所述的基于D3的数据可视化图形生成方法，其特征在于，所述绘制图表图形，还包括如下步骤：

将各个话题所对应的变化曲线与所述x轴之间的区域与多种颜色建立一一对应关系，并将各个变化曲线与所述x轴之间的区域涂上对应的颜色；

将各个话题所对应的变化曲线与多种颜色建立一一对应的颜色，并将各个变化曲线涂上对应的颜色。

6.根据权利要求5所述的基于D3的数据可视化图形生成方法，其特征在于，将各个变化曲线与所述x轴之间的区域涂上对应的颜色时，计算各个变化曲线与所述x轴之间的平均距离值，根据各个变化曲线的平均距离值进行排序，按照平均距离值由大到小的顺序，在所对应的区域涂上对应的颜色。

7.根据权利要求2所述的基于D3的数据可视化图形生成方法，其特征在于，所述绘制图表图形，还包括如下步骤：

为各个话题所对应的变化曲线添加说明标签，所述说明标签中包括所对应话题的说明信息；

对所述x轴和所述y轴添加文字描述，并给整个图表图形添加描述性文字。

8.根据权利要求1所述的基于D3的数据可视化图形生成方法，其特征在于，所述调取d3.layout.cloud.js词云包，包括如下步骤：

采用d3.layout.cloud()函数调用d3.layout.cloud.js词云包；

在所述d3.layout.cloud.js词云包中添加各个关键词的显示属性；

根据各个关键词的显示属性将各个所述关键词定位到所对应的话题在所述图表图形中的可用填充位置。