Javascript 如何在没有按钮的Highcharts中动态添加系列？（角形JS）

我的问题非常具体。如何在highcharts中动态添加系列，通过Angular JS，无需按钮，否则无需函数单击

这是我的控制器：

  var deserialize = angular.fromJson(data.dataContent); //Específico para el dataContent

    for(var i =0; i < deserialize.length; i++){

      var url = deserialize[i];

      $http.get(url).success(function(data){

        var n_scope = [];//NOMBRES PARA LA SERIE
        var e_scope = []; //EMPLEADOS

        for (var i = 0; i < data.length; i++) {

          var nombre_scope = n_scope.push(data[i].nombre);
          var empleados_scope = e_scope.push(parseInt(data[i].empleados));

        }

        var chart = {};

        chart.addSeries({
          name: n_scope[i],
          data: e_scope[i]
        });

---

我以这个提琴为例：，但我不想要一个按钮点击功能，我想要那个系列动态地将它添加到图表中

你就快到了，只要把你的代码放在API的成功块中（angularjs API调用）。下面是一个示例（我如何绘制数据更改的序列）

---

就快到了，只需将代码放入API的成功块（angularjs API调用）中即可。下面是一个示例（我如何绘制数据更改的序列）

---

**已解决**

虽然有按钮，我可以解决这个问题

我创建了一个存储库，它将Angular.js、PHP和Highcharts与Materialize.css集成在一起，从外部JSON动态添加系列

---

链接：

**已解决**

虽然有按钮，我可以解决这个问题

我创建了一个存储库，它将Angular.js、PHP和Highcharts与Materialize.css集成在一起，从外部JSON动态添加系列

---

链接：

您希望数据何时更改？基于时间？我的数据是从JSON文件加载的。每个键“nombre”（西班牙语单词代表名称）都是序列名称，每个键“Employeedos”（西班牙语单词代表员工）都是序列数据。当我在另一个窗口中更新数据时，应在重新加载时更新图表。您希望数据何时更改？基于时间？我的数据是从JSON文件加载的。每个键“nombre”（西班牙语单词代表名称）都是序列名称，每个键“Employeedos”（西班牙语单词代表员工）都是序列数据。当我在另一个窗口中更新数据时，应在重新加载时更新图表。

  $scope.renderChart = {
              chart: {
                  type: typeArray[2]
              },
              title: {
                   text: titleArray[2]
                   },
              xAxis:{
                categories: yAxisTiArray[2],
                title: {
                  enabled: false
                },
                labels: {
                  enabled: false
                }
              },
              yAxis:{
                title: {
                  text: yAxisTiArray[2]
                }
              },
              series: chart,
              legend: {
                  enabled: true
              },
              credits: {
                enabled: false
             },
             lang: {
               printChart: 'Imprimir gráfico',
               downloadPNG: 'Descargar en PNG',
               downloadJPEG: 'Descargar en JPG',
               downloadPDF: 'Descargar en PDF',
               downloadSVG: 'Descargar en SVG',
               contextButtonTitle: 'EXPORTAR'
             }
           };

var metricData = $http.get(url);
metricData.success(function(value) {
var data = value.responseData;

var graph = [];
    angular.forEach(data.datatimeseries, function(metric) {
    graph.push([ metric.timestamp, metric.value ]);
// Assuming that datatimeseries is the timeseiries

});



var chartX = $('#yourDivId').highcharts();
chartX.addSeries({
    id : graph_id, // some id 
    data : graph 
});
setYaxisExtremes(chartX); // must use it to reflect added series
});