在折线图中重叠系列的最佳显示

时间:2017-09-21 10:15:56

标签: highcharts data-visualization highstock

在折线图的上下文中,以固定间隔显示时间数据,其中多个系列可能重叠,这将是最佳方式: A)提示用户图表有重叠系列?
B)让用户能够可视化所有这些系列?就像以某种方式跨越系列一样?

2 个答案:

答案 0 :(得分:1)

对于折线图中的重叠系列,我会保留传统的折线图,但在图的末尾添加一个带有颜色图例的标签。图例和标签将帮助用户快速获取信息。

  

enter image description here

重叠系列的折线图的另一个版本可以是线区聊天。

  

enter image description here

如果您不仅仅停留在折线图上,我会建议使用条形图。以下是您可以使用的一些示例。

示例1: enter image description here

示例2: enter image description here

示例3:

enter image description here

答案 1 :(得分:0)

有几种方法可以表明图表上存在重叠系列。您可以增加其中一个的marker半径。图例元素的数量也会告诉您有多少个系列。最后,您可以在不同的yAxis上分发系列,具有不同的topheight属性。此外,在样式模式下,当您将鼠标悬停在图例项目上时,其他系列不透明度会发生变化。

API参考:
http://api.highcharts.com/highcharts/plotOptions.line.marker.radius

示例:
http://jsfiddle.net/whsgpdyw/ - 更改标记半径
http://jsfiddle.net/fuq6j4sg/ - 不同yAxis上的每个系列