MetricsGraphics.js链接两个具有不同“chart_type”属性(javascript)的图表

时间:2017-09-03 02:07:13

标签: javascript d3.js charts metricsgraphicsjs

我正在使用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

0 个答案:

没有答案