【问题标题】:ApexCharts - How do I move the data label on pie chart?ApexCharts - 如何移动饼图上的数据标签?
【发布时间】:2022-12-15 13:07:15
【问题描述】:

我试图将我的数据标签向内移动,以便它们更容易阅读。如果有办法在切片中动态地将它们居中,那将是理想的。

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

#Edit 1 - 添加代码笔:

https://codepen.io/flashsplat/pen/NWzowbx

#Edit 2 - 我确信这是一个错误并已将其报告如下:

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

谢谢!

【问题讨论】:

    标签: javascript jquery apexcharts


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-03
      • 1970-01-01
      • 1970-01-01
      • 2022-07-28
      相关资源
      最近更新 更多