具有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如果有人需要更多解决方案，欢迎提问：)