Highcharts可以隐藏饼图数据标签

时间:2014-08-25 18:57:34

标签: javascript angularjs highcharts

我正在使用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>

1 个答案:

答案 0 :(得分:1)

我想出了该怎么做。我需要将plotOptions对象放在options对象中:

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