Question

我正在使用Angularjs创建项目。在我的项目中，我使用angularcharts.js集成图表。在我的项目中，我在同一页面上显示两个图表。我想在用户更改时选择某些字段在选择框中销毁两个图表，但我无法做到这一点。这是我的代码：在js：

$scope.$on('create', function(event, chart) {
        console.log(chart)
        $rootScope.checkgraph = chart;

    });
if($scope.allFlows.length == 0)
    $scope.checkgraph.destory()

}

在Html中：

<canvas id="line" class="chart chart-line" chart-data="dataBilling"
  chart-labels="labelsBilling" chart-colours="ocw.colours" chart-options="options" chart-legend="true" 
  chart-click="onClick" height="150" width="400">
</canvas> 

<canvas id="line" class="chart chart-line" chart-options="options" chart-data="data"
  chart-labels="labels" chart-colours="ocw.colours" chart-legend="true" 
  chart-click="onClick"  height="150" width="400">
</canvas>

Answer 1

我过去做过类似的事情，如果我记得正确的话，我就是这样做的：

控制器中的

$scope.charts = [
    { 
        // chart 1 data
    },
    { 
        // chart 2 data
    }
]
$scope.removeChart = function(index) {
    $scope.charts.splice(index,1);
}

和html

<div ng-repeat="chart in charts track by $index">
    <!-- charts come here -->
</div>

如果从图表数组中删除图表，它也会从前视图中消失

在同一页面上销毁多个图表

1 个答案: