我正在使用MetricsGraphics.js绘制一个简单的时间序列。我无法使用该linked: true
选项将“折线”图表与“点”图表联系起来。当两个图表属于相同类型时,链接有效,但当它们不同时无效。
以下 jsfiddles 显示了这一点。首先,当您将鼠标悬停在一个图表中的数据点上时,两个图表中的点都会突出显示。在第二种情况下,将鼠标悬停在一个图表中的数据点上不会影响另一个图表。
两个图表都有chart_type: 'line'
:jsfiddle.net/7jc1h8vv
一个图表有chart_type: 'point'
,另一个chart_type: 'line'
:jsfiddle.net/7jc1h8vv/1
问题:如何将“点”图和“线”图链接在一起?或者,如果无法做到这一点,那么如何为“折线”图表中的线上的每个数据点创建数据符号,以便有效地叠加两个图表?
根据文档,MetricsGraphics.js 库提供了一个选项,该选项linked: true
将执行以下操作:
将链接选项设置为 true的所有其他图形链接在一起。当该集合中的一个图形翻转时,其他图形中的相应值也翻转。
请参阅链接在一起的两个图表的文档中的此示例。