ApexCharts饼图数据标签位置调整:如何移至扇区内部并居中?
ApexCharts饼图数据标签无法移入扇区内部问题
我尝试将ApexCharts饼图的数据标签移至扇区内部以提升可读性,理想状态是让标签动态居中于对应扇区内。查阅官方文档后,我修改了dataLabels配置中的offsetX与offsetY参数(取值范围-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();
补充说明:
- Edit 1:已新增CodePen示例
- Edit 2:我认为这是一个Bug并已提交至GitHub
内容的提问来源于stack exchange,提问作者flashsplat
相关产品推荐
相关产品推荐

