我正在使用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
,它将执行以下操作according to the doc:
将链接选项设置为true的所有其他图表链接在一起。当该组中的一个图形被翻转时,其他图形中的相应值也将被翻转。
请参阅链接在一起的两个图表的文档中的this example。