Question

如何使用 angularjs nvd3指令创建动态数量的图表？

似乎data属性未展开。这是一个例子：

<div ng-repeat="item in [0, 1]">
<nvd3-pie-chart
    data="exampleDataPieChart{{$index}}"
    id="toolTipExample1{{$index}}"
    x="xFunction()"
    y="yFunction()"
    width="250"
    tooltips="true">
</nvd3-pie-chart>

Answer 1

如果图表数据数组包含在数组中：

$scope.exampleDataPieChart = [
  $scope.exampleDataPieChart0,
  $scope.exampleDataPieChart1
];

然后，您可以使用$index选择其中一个：

<div ng-repeat="item in [0, 1]">
  <nvd3-pie-chart 
  data="exampleDataPieChart[$index]" 
  ...
  </nvd3-pie-chart>
</div>

或者，简单地说：

<div ng-repeat="chart in exampleDataPieChart">
  <nvd3-pie-chart 
  data="chart" 
  ...
  </nvd3-pie-chart>
</div>

http://plnkr.co/edit/D2Idoh?p=preview

创建angularjs nvd3图表的动态数量

1 个答案: