Angularjs 使用Angular JS-name undefined在high chart上用JSON数据绘制两条线的问题
尝试使用Angular JS动态绘制高图表。我想在同一张图上画两条线 “jsondata”中的示例项: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
{
"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,
}
],