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

说明书

本发明提供一种多指标数据可视化方法，包括如下步骤：步骤一：传入标题和标题对应的指标名数组的数据，并处理数据，步骤二：通过ECharts开源可视化图表库进行图形渲染，先对纵坐标单位进行处理，对影响纵坐标及提示框中的纵坐标单位进行显示，提高纵坐标数据的直观性，步骤三：接着对横坐标进行转换，对影响横坐标数据显示及区域缩放组件显示，并将时间戳转换成标准时间，步骤四：再对颜色进行调整，通过遍历时的指标来定义颜色，使用RGBA的表示方式，完成渲染，输出数据。本发明对任意规模的数据都有很好的适配性，整体安全性更高，更好地保护用户的个人隐私，通过提供图表标题、指标名称及符合条件的接口，即可实现多指标数据的可视化。

技术领域

本发明涉及计算机技术领域，具体为一种多指标数据可视化方法。

背景技术

数据可视化可以将错综复杂的数据转换成适当的可视化图表，从而使数据直观、高效、准确地展示在人们的面前，对于多组数据而言，利用可视化技术可以直观地进行多组数据相互间的比较，以及每组数据内部趋势之间的比较，而对于指标数量较少的情况时，一些开源可视化图表库可以很好的支持，但是当指标数量巨大时，这些可视化图表库一般无法满足，或者需要开发者进行很大的努力来适配。

目前，现有的数据可视化工具大多都有量级比较大、接入流程复杂、不适合内嵌、安全性无法保证等问题，这些问题使他们无法满足高安全性轻量级的应用场景，而这种应用场景非常普遍。

发明内容

针对现有技术存在的不足，本发明目的是提供一种多指标数据可视化方法，以解决上述背景技术中提出的问题，本发明对任意规模的数据都有很好的适配性。当指标数量巨大时，界面显示和响应速度均在用户可接受的范围内，从用户发出指令到图形渲染完成，时间在5秒之内，解决了现有技术中的问题。

为了实现上述目的，本发明是通过如下的技术方案来实现：一种多指标数据可视化方法，包括如下步骤：

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

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

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

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

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

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

作为对本发明中所述一种多指标数据可视化方法的改进，所述接口种类相同，通过参数区分各个指标项。

作为对本发明中所述一种多指标数据可视化方法的改进，所述接口返回格式为数组，每一项包括clock时间戳(横坐标)和value值(纵坐标)。

作为对本发明中所述一种多指标数据可视化方法的改进，所述数组包括每个图表的图表标题和指标名称。