Angularjs Highcharts-动态图表创建和独特的数据系列

我需要能够用一个“创建”按钮在同一页上绘制多个具有可变数据的图表。我的逻辑如下：单击create按钮后，我的restapi将返回特定图表的数据。当我有数据时，我将它绑定到控制器上的系列变量。现在我的控制器上有一个“全局”系列变量，每次数据从REST返回时我都会更新它，这样我所有的图表都有相同的值，看起来也一样（这是为了证明绘制图表是否可行）。如何使每个图表都有自己的数据系列？我是否需要在每次创建图表时设置图表ID，然后找到该ID并为其创建系列？这是我的密码

    <md-button class="md-raised md-primary"
         ng-click="chartGridCtrl.addChart()">Create
    </md-button>
    <div layout="column" flex>
        <md-divider/>
        <div flex ng-cloak>
            <md-grid-list
                    md-cols="1" md-cols-sm="2" md-cols-md="3" md-cols-gt-md="6"
                    md-row-height-gt-md="1:1" md-row-height="4:3"
                    md-gutter="8px" md-gutter-gt-sm="4px">
                <md-grid-tile ng-repeat="tile in chartGridCtrl.tiles"
                              md-rowspan="{{tile.span.row}}"
                              md-colspan="{{tile.span.col}}"
                              style="background-color: #00ad9c">
                    <md-card>Chart card
                        <div class="col-md-6">
                            <div>
                                <snapshot-bar-chart // this is my custom directive for chart
                                        data="[chartGridCtrl.series]">
                                </snapshot-bar-chart>
                            </div>
                        </div>
                    </md-card>
                </md-grid-tile>
            </md-grid-list>
        </div>
    </div>

---

我认为您应该能够使用容器的id来获取图表并将新系列添加到正确容器中的图表。我认为您应该能够使用容器的id来获取图表并将新系列添加到正确容器中的图表。

export class ChartGridController {

    private series = [];
    private tiles:Object[];

    public addChart = () => {

       this.tiles.push(
       {
            title: "anotherTile",
            span: {row: 2, col: 2}
       });

    // get REST data and update series variable 
   };

}