如何显示小饼图的数据标签？

Question

我想要小饼的显示值。我阅读了 docs，但没有看到任何与如何显示小切片数据标签相关的内容。

new Vue({
    el: "#app",
  data() {
    return {
        series: [4, 7, 3, 45, 32, 53],
        options: {  
                expandOnClick: true,

                dataLabels: {
                    minAngleToShowLabel: 50,
                    // offsetY: 1200,
                    style: { fontSize: '14px' }
                },  

                chart: {
                    width: 480,
                    type: 'pie',
                    
                },
                legend: {
                    // offsetX: 510,
                    fontSize: '16px',
                    height: 500,
                    width: 400,
                    horizontalAlign: 'right', 
                },
                title: {
                    text: 'Some name',
                    style: {
                            fontSize: '20px',
                    },      
                },              
                labels: ["aa", "bb", "cc", "dd", "ee", "ff"],
                responsive: [{
                breakpoint: 480,
                options: {
                    chart: {
                    width: 480
                    },
                    legend: {
                        position: 'right',
                        offsetY: 40,
                        fontSize: '16px',
                        
                    },
                            
                }
                }]

            },
    }
  },
  methods: {

  },
  components: {
    VueApexCharts
  }
})

https://jsfiddle.net/ayx8ez9k/

Answer 1

要显示饼图的标签，不管它们是否适合，你可以这样做

options = {
  plotOptions: {
    pie: {
      dataLabels: {
        minAngleToShowLabel: 0
      }
    }
  }
}

如何显示小饼图的数据标签？

How to display dataLabels for small pie slice?

apexcharts