Блог

Я хочу отобразить значение маленьких кусочков пирога. Я прочитал документы, но не вижу ничего, связанного с отображением меток данных для небольших фрагментов.

 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/

Чтобы отобразить метки круговой диаграммы независимо от того, подходят они или нет, вы можете сделать это

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