angularjs и Highcharts, этикетки не показан, если я не парить над точками данных

Question

я использую angularjs с Highcharts, и я хотел бы, чтобы показать все метки без зависания на точках данных, как здесь:

Согласно документам, следующие параметры диаграммы должны работать

plotOptions: { 
    line: { 
    dataLabels: { 
     enabled: true 
    }, 
    enableMouseTracking: false 
    } 
}, 

Но с нг-Highcharts, я получаю только это,

Любые идеи, почему?

Прикрепленный исходный код

HTML

<div ng-app="myapp" ng-controller="main" style="margin-top: 60px; "> 
    <highchart id="chart1" config="chartConfig"> 
    </highchart> 
</div> 

JS:

var app = angular.module('myapp', ['highcharts-ng']); 
app.controller('main', ['$scope', '$http', function($scope, $http) { 

    $scope.chartConfig = { 
    chart: { 
     type: 'line' 
    }, 
    title: { 
     text: 'Test' 
    }, 
    xAxis: { 
     categories: [1, 2, 3, 4, 5] 
    }, 
    yAxis: { 
     title: { 
     text: 'Price' 
     } 
    }, 
    plotOptions: { 
     line: { 
     dataLabels: { 
      enabled: true 
     }, 
     enableMouseTracking: false 
     } 
    }, 
    series: [{ 
     name: 'Field1', 
     data: [100, 105, 108, 111, 130] 
    }, { 
     name: 'Field2', 
     data: [210, 215, 218, 231, 240] 
    }] 
    }; 
}]); 

Answer 1

Это похоже на работу для меня. Может быть, ваш $scope.chartConfig изменен где-то еще?

Рабочий пример: http://codepen.io/DeividasK/pen/NpKZjN?editors=1010