jquery ApexCharts -如何移动饼图上的数据标签?

bfrts1fy  于 2022-12-18  发布在  jQuery
关注(0)|答案(1)|浏览(203)

我正试图将我的数据标签向内移动,这样它们就更容易阅读。如果有一种方法可以动态地将它们置于切片的中心,那将是理想的。

我已经阅读了文档,并尝试修改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

编辑2 -我确信这是一个错误,并已报告如下:

https://github.com/apexcharts/apexcharts.js/issues/3537
谢谢!

von4xj4u

von4xj4u1#

offset更改为plotOptions,而不是dataLabelshttps://apexcharts.com/docs/options/plotoptions/pie/#dataLabelsOffset

plotOptions: {
  pie: {
    dataLabels: {
      offset: -10,
    }, 
  }
}

相关问题