Как положить несколько HighChart на странице, имеющей различное значение серии в другой схеме

Question

app.controller("myCtrl", function($scope) { 
 
\t 
 
$scope.perspectives = [{ 
 
    title : 'Depression Remission at 12 Months CMS159v4', 
 
    graphData: [34,2,5,5,2,1,10] 
 
    }, 
 
    { 
 
    title : 'Comprehensive Diabetes Care: HbA1c Poor Control (>9.0%)', 
 
    graphData: [2,7,9,25,55,20] 
 
    }, 
 
    { 
 
    title : 'Screening for Clinical Depression and follow-up', 
 
    graphData: [2,7,9,25,55,20] 
 
    }, 
 
    { 
 
    title : 'Tobacco Assessment and Counseling', 
 
    graphData: [2,7,9,25,55,20] 
 
    }, 
 
    { 
 
    title : 'Alcohal AND Drug Misuse(SBIRT)', 
 
    graphData4: [2,7,9,25,55,20] 
 
    }]; 
 
    
 

 

 

 
    
 
    $scope.processed = $scope.perspectives[0].graphData.map(function(elem,i){ 
 
\t 
 
\t return [i,elem]; 
 
\t 
 
    }); 
 

 
    
 
    
 
}) 
 
This is My controller from where i am passing array for title and value for different linechart. i have directive where i have Highchart.chart constructor where i putting all chart object.

<div ng-repeat="perspective in perspectives"> 
 
      <highcharts-pie class="hc-pie" items="processed" title="perspective.title"></highcharts-pie> 
 
     </div>

это мой HTML страница обрабатывается мое имя функции и имеет hardcoaded параметра так, чтобы им получить только первый объект массива во всей линейной диаграмме. Я хочу, чтобы массив graphData мог помещаться в другую линейную диаграмму.

Заранее спасибо

Answer 1

«Обработанный» объект определяется по нулевому элементу «перспектива» объект.

$scope.perspectives[0] 

Вы должны создать функцию и передать объект index/perspectives этой функции и получить список элементов, специфичный для этого.

Функция в контроллере:

$scope.getItems=function(perspective){ 
    return perspective.graphData.map(function(elem,i){ 
     return [i,elem]; 
    }); 
} 

И в вас посмотреть:

<div ng-repeat="perspective in perspectives"> 
     <highcharts-pie class="hc-pie" items="getItems(perspective)" title="perspective.title"></highcharts-pie> 
</div> 

Кроме того, убедитесь связывания для элементов в вас директиву 'Highcharts пирог' это '='.

Answer 2

Нет необходимости делать функции GetItems(),

элементов = "perspective.graphData" // В body.html это также работает