Angularjs 使用Angular JS-name undefined在high chart上用JSON数据绘制两条线的问题

Angularjs 使用Angular JS-name undefined在high chart上用JSON数据绘制两条线的问题,angularjs,highcharts,Angularjs,Highcharts,尝试使用Angular JS动态绘制高图表。我想在同一张图上画两条线 “jsondata”中的示例项: { "ID": 123456, "SaleDate": "2016-02", "SalesAgeBucket5": "NULL", "SalesAgeBucket10": 19300000, "SalesAgeBucket15": &q

尝试使用Angular JS动态绘制高图表。我想在同一张图上画两条线

“jsondata”中的示例项:

{
  "ID": 123456,
  "SaleDate": "2016-02",
  "SalesAgeBucket5": "NULL",
  "SalesAgeBucket10": 19300000,
  "SalesAgeBucket15": "NULL",
  "SalesAgeBucket20": "NULL",
  "SalesAgeBucket25": "NULL"
}
在high chart配置文件中,该名称应用于序列中,但不应用于data属性中。因此,SalesAgeBucket5与所有数据一起绘制,但未对其进行分组。我只看到了一条线,所有的数据都是根据这个系列绘制的

    $scope.chartConfig.series[0].name = "SalesAgeBucket5";
$scope.chartConfig.series[0].data  = jsondata.map(item => item["SalesAgeBucket5"]);
$scope.chartConfig.series[1].name = "SalesAgeBucket10";
$scope.chartConfig.series[1].data  = jsondata.map(item => item["SalesAgeBucket10"]);
$scope.chartConfig.xAxis.categories = jsondata.map(item => item[Object.keys(jsondata[0].SaleDate)]);

但是我希望在这个图上有多个折线图,因此在图表配置中,多个数据属性,series数组只有一个元素。“SalesAgeBucket10”没有任何内容。 我没有你们的代码,所以不能在我这边重现这个问题,但可以建议尝试以下方法。 将高级图表配置中的系列数组修改为:

"series":[
      {
         
         "id":"Results1",
         "turboThreshold":0,             
      },
      {
         
         "id":"Results2",
         "turboThreshold":0,             
      }
   ],

检查我通过控制台日志检查的$scope.chartConfig.series[1]中的值,它显示“未定义”。不确定为什么不创建第二个系列,仍然无法使其工作。确切地说,如果要创建包含多行的图表,则需要创建多个系列,如以下示例所示:。
  {
   "chart":{
      
   },
   "plotOptions":{
      "line":{
         "dataLabels":{
            "enabled":false
         },
         "enableMouseTracking":true
      }
   },
   "series":[
      {
         "data":["null","null",140000,"null" etc... INCLUDES ALL VALUES],
         "id":"Results1",
         "turboThreshold":0,
         "name":"SalesAgeBucket5"
      }
   ],
   "xAxis":{
      "categories":""
   },
   "title":{
      "text":"Sales & Purchase"
   }
}
"series":[
      {
         
         "id":"Results1",
         "turboThreshold":0,             
      },
      {
         
         "id":"Results2",
         "turboThreshold":0,             
      }
   ],