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

问题描述 投票:1回答:2

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

highcharts data-visualization highstock
2个回答
1
投票

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

enter image description here

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

enter image description here

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

例1:enter image description here

例2:enter image description here

例3:

enter image description here


0
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.