angularjs 和 highcharts，标签不显示，除非我将鼠标悬停在数据点上

Question

我正在使用带有 highcharts 的 angularjs，我想显示所有标签而不将鼠标悬停在数据点上，如下所示：

根据文档，以下图表选项应该可以工作

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

但是使用 ng-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