如何解决在 Apexcharts 饼图中显示低于 2 的值
我试图弄清楚一些事情。是否可以在 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();
这是我的完整演示:
我知道折线图有一个选项,xaxis -> tickAmount,但是饼图有一个选项还是这是一个错误?
解决方法
您可以像这样将 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”中提到的角度,则将显示数据标签。如果您遇到重叠问题,您也可以减小数据标签的字体大小。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。