使用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 如果有人需要更多细节，欢迎您询问:):):):):)