在 Apexcharts 饼图中显示低于 2 的值答案

【问题标题】：Show value below 2 in Apexcharts piechart在 Apexcharts 饼图中显示低于 2 的值
【发布时间】：2021-06-29 15:26:25
【问题描述】：

我试图弄清楚一些事情。是否可以在 apexcharts 的饼图中显示低于 3 的数字？

在演示中，饼图中有一些值高于 10。我创建了一个代码笔，您可以在其中看到数字“1”没有显示在切片上。

这是基本饼图的一些代码：

var options = {
  chart: {
    type: 'pie'    
  },
  series: [22,1,2,23],
  labels: ['Jan', 'Feb', 'Mar', 'Apr']
  
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();

这是我的完整演示：

My Piechart demo

我知道线图有一个选项，xaxis -> tickAmount，但是饼图有一个选项还是这是一个错误？

【问题讨论】：

标签： pie-chart apexcharts

【解决方案1】：

您可以像这样将 minAngleToShowLabel 添加到您的数据标签中：

var options = {
  chart: {
    type: 'pie'    
  },
  series: [22,1,2,23],
  labels: ['Jan', 'Feb', 'Mar', 'Apr'],
  plotOptions:{
    pie:{
      dataLabels:{
        minAngleToShowLabel:5
      }
    }
  }    
}

var chart = new ApexCharts(document.querySelector("#chart"), options);  
chart.render();

如果您的饼图的角度大于我们在“minAngleToShowLabel”中提到的角度，则将显示数据标签。如果您遇到重叠问题，您还可以减小 datalabel 的字体大小。

【讨论】：