angular-nvd3 连接多个折线图

Question

有没有一种方法可以使用 useInteractiveGuideline=true 选项创建多个连接的折线图。当您需要在一张图表上显示 3 种不同类型的数据（例如燃料状态、发动机工作时间和水箱状态）时，就会出现这种需求。 jquery-dygraph.

的附加示例

我尝试使用 ng-repeat 执行此操作，但只出现第一个图表：

<div ng-repeat="data in widget.widgetData"> <nvd3 options="widget.widgetOptions" data="data" api="widget.api" on-ready="widget.onReadyCallback"></nvd3> </div>

其中 widget.widgetData 是：

widget.widgetData = [[charts.fuelData],[charts.engineHoursData]];

我的内部小部件数据对象是：

fuelData: { values: [], key: 'Fuel', color: '#' + (Math.random() * 0xFFFFFF << 0).toString(16), strokeWidth: 1, classed: '' }, engineHoursData: { values: [], key: 'Engine Hours', color: '#' + (Math.random() * 0xFFFFFF << 0).toString(16), strokeWidth: 1, classed: '' }

如果在该指令中有执行此类行为的选项？

Answer 1

解决方案已发布here 如果有人需要更多细节，欢迎您询问:):):):)