我正在使用 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>
最佳答案
我知道该怎么做了。我需要将plotOptions对象放置在选项对象中,如下所示:
options: {
chart: {
type: 'pie',
animation: false
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
}
}
}
}
关于javascript - Highcharts无法隐藏饼图数据标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25492596/