多个连接的单线图与angular-nvd3

Question

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

我尝试使用ng-repeat执行此操作，但只显示firts图表：

<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 如果有人需要更多的deatils，欢迎你问：）:) :)：）:)）