Question

我正在尝试显示客户注册信息。我正在包装数据并传递到高图内部，但是我传递的数据没有显示出来。任何帮助/建议都非常感谢。

Angularjs：

.controller('ctrl',['$scope','$http',function($scope,$http){            
  $http({
    url: '//customerinformation',
    method: 'GET'
  })
  .then(
    function successCallback(response){
        $scope.users = response.data.customers;
        loadChartData(response.data.customers);
    },
    function errorCallback(response){
        console.log('Error:' + response.data);
  });


  function loadChartData(data) {
      $scope.chartOptions =  {
        chart: { type: 'column' },
        title: { text: 'Customer Information' },
        xAxis: { categories: ['Jan', 'Feb', 'Mar','Apr','May','June','July','Aug','Sep','Oct','Nov','Dec'] },
        yAxis: { title: { text: 'No.of customer' } },
        series: [{ 
         name: 'customer', 
         data: data 
        }]
      };
  }    
}])

Answer 1

您需要提供Highcharts支持的格式。 customers和months毫无意义：）

使用x，y，name等属性（详情：https://api.highcharts.com/highcharts/series.column.data）。

您可以简单地映射您的数据：data: data.map(point => [point.month, point.customers])或data: data.map(point => { name: point.month, y: point.customers })

现在，您可以从xAxis中删除类别并设置type：xAxis: { type: 'category' }

如何使用angularjs将数据包装在highchart中

1 个答案: