javascript - Highcharts 系列格式问题(AngularJs)

Question

$scope.chartSeries= [{"name":"Tokyo","data":["0"," 0.9"," 0.5"," 0.5"," 0.2"," 0.5"," 0.2"," 0.5"," 2.3"," 1.3"," 1.9"," 0.6"]},{"name":"New York","data":["-0.2"," 0.8"," 5.7"," 11.3"," 17.0"," 22.0"," 24.8"," 24.1"," 20.1"," 14.1"," 8.6"," 2.5"]},{"name":"Berlin","data":["-0.9"," 0.6"," 3.5"," 8.4"," 13.5"," 17.0"," 18.6"," 17.9"," 14.3"," 9.0"," 3.9"," 1.0"]},{"name":"London","data":["3.9"," 4.2"," 5.7"," 8.5"," 11.9"," 15.2"," 17.0"," 16.6"," 14.2"," 10.3"," 6.6"," 4.8"]}]

当我使用 series: $scope.chartSeries 时，我的图表不会运行。

但是当我对它进行硬编码时，即

series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]

我的代码运行流畅。我缺少什么？我想使用 series: $scope.chartSeries

分配数据

 var chartSeriesArray=[];
   $http.get(url + "?GraphId="+$scope.graph.GraphId)
       .success(function (response) {
                   for (var i = 0; i < response.records.length; i++)
                   {
                       chartSeriesArray.push({
                           "name": response.records[i].name,
                           "data": response.records[i].data.split(",")
                       });
                   }

                   console.log(JSON.stringify(chartSeriesArray));

                //chartSeriesArray=[{"name":"Tokyo","data":["0"," 0.9"," 0.5"," 0.5"," 0.2"," 0.5"," 0.2"," 0.5"," 2.3"," 1.3"," 1.9"," 0.6"]},{"name":"New York","data":["-0.2"," 0.8"," 5.7"," 11.3"," 17.0"," 22.0"," 24.8"," 24.1"," 20.1"," 14.1"," 8.6"," 2.5"]},{"name":"Berlin","data":["-0.9"," 0.6"," 3.5"," 8.4"," 13.5"," 17.0"," 18.6"," 17.9"," 14.3"," 9.0"," 3.9"," 1.0"]},{"name":"London","data":["3.9"," 4.2"," 5.7"," 8.5"," 11.9"," 15.2"," 17.0"," 16.6"," 14.2"," 10.3"," 6.6"," 4.8"]}] 


                   $scope.chartSeries = chartSeriesArray;
          }

Answer 1

您正在以错误的格式分配数据。这应该可以解决问题:

 for (var i = 0; i < response.records.length; i++)
               {
                   var cityData = 
                   {
                       name:response.records[i].name,
                       data:response.records[i].data.map(Number)
                   }
                   chartSeriesArray.push(cityData );
               }

更新也许问题在于您的数据是一个字符串数组，它应该是一个数字数组，因此您可能需要将字符串 s 映射到数字:response.records[i].data.map(Number)