javascript - Highcharts无法隐藏饼图数据标签

Question

我正在使用 AngularJS 开发一个应用程序，并使用 Highcharts 来显示一些数据的饼图。我遇到的问题是每个饼图切片的数据标签没有隐藏。在谷歌搜索该主题后，我尝试了以下操作，但它不起作用。任何建议。

$scope.chartConfig = {
        options: {
            chart: {
                type: 'pie'
            }
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: false
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'All Tickets',
            data: [
                ['Scheduled', 5],
                ['Completed', 8]]
        }],
        title: {
            text: 'Ticket Information'
        }
    };

HTML 文件

<div id="order-list-graph" class="pull-left">
  <highchart id="ticketHighChart" config="chartConfig" class="span10"></highchart>
</div>

Answer 1

我知道该怎么做了。我需要将plotOptions对象放置在选项对象中，如下所示:

options: {
  chart: {
    type: 'pie',
    animation: false
  },
  plotOptions: {
    pie: {
      allowPointSelect: true,
      cursor: 'pointer',
      dataLabels: {
        enabled: false
      }
    }
  }
}