我处理来自各种设备的大量时间序列数据。在本文中,我将仅使用一个电池数据示例,因为它很简单。我可以轻松地获取电池数据,并使用DateTime轴在高图中绘制一段时间内的数据。我总是有其他重要的事件数据需要了解,因为它可以为您提供正在查看的内容的上下文,但无需绘制图表。例如,有人打开或关闭灯。知道这一点后,您便可以了解电池使用量发生变化的原因。今天,我把这些作为情节。诸如此类的情节的问题在于,您与之交互的能力非常有限。您可以有一个标签,但是当许多绘图线靠在一起时,这些标签是一团糟。我也不能真正做一个很好的工具提示来向用户提供有关他们需要了解的更多信息。一个例子是,他们看到了绘图带,并且看到这是一个“灯打开”事件,他们做了一些事情,他们看到打开了x瓦的灯,从电池中提取了Y量。对于绘图带来说,效果很好的是,当我放大时,它们会响应更改。
我正在寻找一种解决方案,一种模式,一种允许用户显示其时间序列数据以及一些相关事件的方法,这些事件叠加在其上。这种方法将允许用户深入研究它以获得上下文并更好地理解他们的时间序列数据
我不知道这是否可以通过Highcharts解决,还是仅仅是一般的UX问题。我肯定在寻找帮助。 Hightcharts会留在这个项目中,但我似乎无法解决这个问题
这是我为这篇文章制作的示例电池图表。这些是发生很多事件且彼此之间非常接近的灰色标绘线。如您所见,用户没有上下文,这是什么意思。他们确实知道发生了什么,可以去爬取数据以查看这些图可能是什么。在现实世界中,他们知道grey是一个调试事件,可以从那里进行挖掘,但这确实不是解决问题的方法
最佳答案
你可以:
1.使用单独的scatter
系列用特定的点标记标记事件,这使您可以利用图例,数据标签和
工具提示功能自动
2.使用plotLines
/ plotBands
,并创建自定义mousein / out事件以
模仿工具提示
3.使用Highstock的flags
系列类型
http://www.highcharts.com/stock/demo/flags-general
4.使用在Highcharts插件存储库中找到的Annotate插件
http://www.highcharts.com/plugin-registry