[发明专利]一种多指标数据可视化方法

权利要求书

1.一种多指标数据可视化方法，其特征在于，包括如下步骤：

步骤一：传入标题和标题对应的指标名数组的数据，并处理数据；

步骤二：通过ECharts开源可视化图表库进行图形渲染，先对纵坐标单位进行处理，对影响纵坐标及提示框中的纵坐标单位进行显示，提高纵坐标数据的直观性；

步骤三：接着对横坐标进行转换，对影响横坐标数据显示及区域缩放组件显示，并将时间戳转换成标准时间；

步骤四：再对颜色进行调整，通过遍历时的指标来定义颜色，使用RGBA的表示方式，完成渲染，输出数据。

2.根据权利要求1所述的一种多指标数据可视化方法，其特征在于，所述处理方式包括对数据的时间进行判断，当数据为按时间查询时，时间查询组件为显示状态，对时间参数进行赋值处理，并判断数据是否开启显隐功能，当数据为显性开启时，通过显隐组件对其标记并显示，选中数据后放入到对应的指定数组中，并调用接口，进行后续图形渲染，当数据为不按时间查询时，时间查询组件隐藏，并将时间参数设置为“空”，当数据未开启显性时，显隐组件对其标记为隐藏，并将隐藏数据全部放入到对应的指定数组中，完成数据标记后，循环指定数组。

3.根据权利要求1所述的一种多指标数据可视化方法，其特征在于，所述处理方式还包括当调用接口获取数据的方法暴露给外部，或接口或者接口返回数据与本组件要求不一致时，将数据重新分类，并提示相关工作人员进行处理，并且当浏览器窗口进行大小改变时，重新渲染图形，以免造成图像缺失或者变形，同时渲染过程进行延迟防抖，防止方法被高频触发，重复渲染，影响性能。

4.根据权利要求3所述的一种多指标数据可视化方法，其特征在于，所述接口种类相同，通过参数区分各个指标项。

5.根据权利要求2所述的一种多指标数据可视化方法，其特征在于，所述接口返回格式为数组，每一项包括clock时间戳(横坐标)和value值(纵坐标)。

6.根据权利要求1所述的一种多指标数据可视化方法，其特征在于，所述数组包括每个图表的图表标题和指标名称。

7.根据权利要求1所述的一种多指标数据可视化方法，其特征在于，所述图形渲染包括HTML、CSS、JavaScript前端开发技术。

8.根据权利要求1所述的一种多指标数据可视化方法，其特征在于，在所述步骤三中根据开始时间是否为今天来判断是否显示日期，如果开始时间是今天，则不显示日期，如果不是则显示日期。

9.根据权利要求1所述的一种多指标数据可视化方法，其特征在于，在所述步骤四中需要对提示框超出显示范围进行处理，首先设置边界为正确，即提示框的内容超出画布后仍然可以显示，如果提示框的内容数量超过一定限制，则需要一行显示多个，之后再对图例分页进行处理，如果图例长度超过画布长度，则需要进行图例分页。