You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 04:06:14