首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Apexcharts片段图中显示低于2的值

在Apexcharts片段图中显示低于2的值
EN

Stack Overflow用户
提问于 2021-06-29 23:26:26
回答 1查看 220关注 0票数 0

我试着弄清楚一些事情。有没有可能在apexcharts的片段图中显示低于3的数字?

在演示中,片段图中有一些值,但高于10。我创建了一个codepen,您可以在其中看到,数字"1“不会显示在切片上。

以下是基本片段图的一些代码:

代码语言:javascript
运行
复制
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,但是有没有一个选项来表示片段图,或者这是一个bug?

EN

Stack Overflow用户

发布于 2021-07-03 16:28:20

您可以将minAngleToShowLabel添加到数据标签中,如下所示:

代码语言:javascript
运行
复制
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”中提到的角度,则将显示数据标签。如果你遇到重叠的问题,你也可以减小数据标签的字体大小。

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68181648

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档