动态图表使用chartist和angular with ng-repeate

时间:2016-11-23 11:47:17

标签: angularjs-ng-repeat chartist.js angular-chartist.js

我现在可以显示包含动态数据的图表,但是可以显示固定数量的图表。当我想显示动态数量的图表时,ng-repeate会发生一些事情。我说有些事情发生了,因为如果在 mycharts [0] .container.outerHTML 我有html,我需要显示图形(由库生成),如果我复制并粘贴固定放在我的HTML中,它会显示图表。我的 ng-repeate 代码如下所示:



<div class="row" ng-controller="nodesDataTablesCtrl as nodeCtrl" >
  <div  ng-repeat="(index, node) in nodeCtrl.nodes"  on-finish-render>
    <div class="row">
      <div class="col-lg-12">
        <div id="{{ node.name }}_MEMORY" class="ct-chart snp_dynamic_chart"></div>
      </div>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

我找到了一个解决方案,我不确定是否是ng-repeate或Chartist的错误。

在我的重复中,我使用 nodeCtrl.nodes 是我从http.get 收到的数组,我的解决方案创建了一个范围函数,它是一个接收一个数字并将一个列表从0返回到n-1的函数。而不是传递更新的nodeCtrl.nodes每次我发出请求时,我都会使用范围函数更新变量 numberOfNodes ,我的意思是,我的新ng-repeat将如下所示:

<div  ng-repeat="(index, node) in nodeCtrl.numberOfNodes"  on-finish-render>

并且在我的请求的成功功能中我做了:

numberOfNodes = range(nodeCtrl.nodes.length)

从我的观点来看,ng-repeate不会在内部以某种方式更新。

重要的是以程序方式来说它不应该是差别的但是......