[发明专利]一种轻量级的数据可视化方法及装置

权利要求书

1.一种轻量级的数据可视化方法，其特征在于，包括：

监听图表选择区中的点击事件，根据发生的所述点击事件改变存储在vuex中的全局变量；

当所述全局变量中的当前图标配置变量发生变化时，进行数据渲染更新图表；

监听更新后的图表中发生的图表点击事件，并获取发生变化的图表点击变量，根据所述图表点击变量将图表渲染至画布中并保存发布。

2.根据权利要求1所述的轻量级的数据可视化方法，其特征在于，所述根据发生的所述点击事件改变存储在vuex中的全局变量，包括：

根据所述点击事件调用vuex中的set方法；

将set方法对应的变量存储的至当前的全局变量中。

3.根据权利要求2所述的轻量级的数据可视化方法，其特征在于，所述当所述全局变量中的当前图标配置变量发生变化时，进行数据渲染更新图表，包括：

判断用户选择的请求方式，并根据所述请求方式采用不同的方法获取对应的数据；

根据获取的数据和预设的数据处理方法进行数据映射生成数据映射关系；

对数据映射关系进行处理后显示到数据映射区，同时更新存储在vuex中的当前图标配置变量并渲染更新图表。

4.根据权利要求3所述的轻量级的数据可视化方法，其特征在于，当所述请求方式为单次请求时，所述根据所述请求方式采用不同的方法获取对应的数据包括：

获取用户填写的接口地址和输入参数；

根据所述接口地址调用平台服务端的转发接口并通过所述转发接口获取数据。

5.根据权利要求3所述的轻量级的数据可视化方法，其特征在于，当所述请求方式为连续请求时，所述根据所述请求方式采用不同的方法获取对应的数据包括：

获取连续请求的间隔时间；

根据连续请求的间隔时间多次重复单次请求流程获取数据。

6.根据权利要求3所述的轻量级的数据可视化方法，其特征在于，所述对数据映射关系进行处理后显示到数据映射区，包括：

将数据映射关系中映射字段进行替换和新增，以将数据映射关系转换成目标数据结构后显示到数据映射区。

7.一种轻量级的数据可视化装置，其特征在于，包括：

监听单元，用于监听图表选择区中的点击事件，根据发生的所述点击事件改变存储在vuex中的全局变量；

数据渲染单元，用于当所述全局变量中的当前图标配置变量发生变化时，进行数据渲染更新图表；

发布单元，用于监听更新后的图表中发生的图表点击事件，并获取发生变化的图表点击变量，根据所述图表点击变量将图表渲染至画布中并保存发布。

8.根据权利要求7所述的轻量级的数据可视化装置，其特征在于，所述监听单元包括：

调用模块，用于根据所述点击事件调用vuex中的set方法；

全局变量修改模块，用于将set方法对应的变量存储的至当前的全局变量中。

9.根据权利要求8所述的轻量级的数据可视化装置，其特征在于，所述数据渲染单元包括：

数据获取模块，用于判断用户选择的请求方式，并根据所述请求方式采用不同的方法获取对应的数据；

映射关系生成模块，用于根据获取的数据和预设的数据处理方法进行数据映射生成数据映射关系；

渲染更新模块，用于对数据映射关系进行处理后显示到数据映射区，同时更新存储在vuex中的当前图标配置变量并渲染更新图表。

10.根据权利要求9所述的轻量级的数据可视化装置，其特征在于，当所述请求方式为单次请求时，所述数据获取模块包括：

地址及参数获取模块，用于获取用户填写的接口地址和输入参数；

第一数据获取模块，用于根据所述接口地址调用平台服务端的转发接口并通过所述转发接口获取数据。