我正试图将我的数据标签向内移动,这样它们就更容易阅读。如果有一种方法可以动态地将它们置于切片的中心,那将是理想的。
我已经阅读了文档,并尝试修改X & Y...我已经尝试了-50至50,似乎没有什么影响这些标签的位置。我错过了什么?
var PTDLastMonthOptions = {
series: [35, 65],
chart: {
width: 300,
type: 'pie',
},
legend: {
position: 'bottom'
},
dataLabels: {
enabled: true,
offsetX: 50,
offsetY: 50
},
colors: ['#00e396', '#ff4560'],
labels: ['PAID', 'UNPAID']
};
var PTDLastMonthChart = new ApexCharts(document.querySelector("#ptdLastMonthChart"), PTDLastMonthOptions);
PTDLastMonthChart.render();
编辑1 -添加codepen:
https://codepen.io/flashsplat/pen/NWzowbx
1条答案
按热度按时间von4xj4u1#
将
offset
更改为plotOptions
,而不是dataLabels
https://apexcharts.com/docs/options/plotoptions/pie/#dataLabelsOffset