Javascript 在角度ui选项卡内呈现nvd3折线图

我正在尝试在角度ui选项卡中使用渲染折线图

<tabset>
  <tab heading="tab1">
    <nvd3-line-chart data="exampleData"></nvd3-line-chart>
  </tab>
  <tab heading="tab2">
    <nvd3-line-chart data="exampleData2"></nvd3-line-chart>
  </tab>
</tabset>

第一个选项卡渲染图形，但是当我选择第二个选项卡时，图形不会渲染。 只要我调整窗口大小，图形就会显示，因为它是由window.resize上的指令重新渲染的

如何使选项卡B中的图形自动渲染

---

（我已经尝试在选项卡更改时触发窗口大小调整事件。它感觉非常脏并且不起作用）

您是否尝试设置

objectequality=“true”

---

请参阅此线程：

我通过刷新所有图表解决了此问题：

<tab select="refreshCharts()">

然后

$scope.refreshCharts = function () {
        for (var i = 0; i < nv.graphs.length; i++) {
            nv.graphs[i].update();
        }
    };

$scope.refreshCharts=函数（）{
对于（var i=0；i

---

可能最好将要更新的图表作为参数传递，以避免不必要的重画。

如果有人遇到此问题，即使选择了选项卡也没有调用函数，也可以使用ng click=“refreshCharts（）”。