легенда API Highcharts не отображается

Question

Я хочу поставить легенду, но я не знаю, почему она не появляется. Кроме того, я хочу поместить базу данных в фрагменты моих круговых диаграмм.

myapp.controller('myctrl', function ($scope) { 
    var data = [ 
        ['APP Android', 45.0], 
        ['APP Ios',  26.8],      
       ]  
    $scope.highchartsNG = { 
     options: { 
      chart: { type: 'pie'} 
     }, 
     legend: { 
      enabled: true 
     }, 
     series: [ { 
       name: 'Avisos', 
       innerSize: '50%' 
     }, 
     { 
       name: 'Plataforma', 
       size: '80%', 
       innerSize: '65%', 
       showInLegend: false, 
       data: data 
     }], 
     loading: false 
    } 

}); 

Этот пример общественности в http://jsfiddle.net/Cp73s/2038/

Answer 1

проверить это

var myapp = angular.module('myapp', ["highcharts-ng"]); 

myapp.controller('myctrl', function($scope) { 
    var data = [ 
     ['APP Android', 45.0], 
     ['APP Ios', 26.8], 
     ['Widget Web', 12.8], 
     ['MTC BAckoffice', 8.5], 
     ['Correo electrónico', 6.2], 
     ['Facebook', 6.2], 
     ['Twitter', 6.2], 
     ['Teléfono', 6.2], 
     ['Presencial', 6.2], 
    ] 
    $scope.highchartsNG = { 
     options: { 
      chart: { 
       type: 'pie' 
      }, 
      plotOptions: { 
       pie: { 
        dataLabels: { 
         distance: -25 //adjust this value to change label distance 
        } 
       } 
      }, 
     }, 
     title: { 
      text: '550<br>AVISOS', 
      align: 'center', 
      verticalAlign: 'middle' 
     }, 
     legend: { 
      enabled: true 
     }, 
     series: [{ 
      name: 'Avisos', 
      innerSize: '50%' 
     }, { 
      name: 'Plataforma', 
      size: '80%', 
      innerSize: '65%', 
      showInLegend: true, 
      data: data 
     }], 
     loading: false 
    } 

}); 

скрипках

fiddle with updated label

Fiddle with updated legend display