饼图数据标签被隐藏以获取较小的值

问题描述

我在Highcharts上工作，需要显示小数值和大数值的数据标签。但是由于某种原因，数据标签被隐藏了。饼形图中的最后一个，第三个和第四个倒数1隐藏了

这是我的fiddle

我尝试了几件事

距离属性fiddle
使用的弯曲距离fiddle
和自定义formatter

代码：

const options = {
  chart: {
    type: 'pie',height: 340,},title: {
    text: ''
  },plotOptions: {
    /* series: {
      dataLabels: {
       distance: 20,style: {
          textOutline: false,fontWeight: 'normal',fontSize: '14px'
        },allowOverlap: true
      },style: {
        fontSize: '14px'
      }
    },*/
      pie: {
     //   alignTo: 'PlotEdges',//  cumulative: -0.25,// Start at 3PM
     //   borderWidth: 0,startAngle: 0,endAngle: 180,// cursor: 'pointer',center: [0,125],/*   dataLabels : {
                rotation : 15
            },*/
        
        /*  dataLabels: {
                distance: '90%'
          },*/ 
          
       
      }
    },series: [{
      innerSize: 155,size: 205,data: [85,5,1,2,1],//startAngle: 45
       
    },{
      innerSize: 105,size: 155,data: [87,2],dataLabels: {
        enabled: false
      }
    }],tooltip: {
      useHTML: true,shared: true,outside: true,hideDelay: 700,shape: 'square',followPointer: false,formatter: function () {
        return "<span>" + this.key + ' ' + this.y + "</span><br/>"
      }
    },}

const chart = Highcharts.chart('container',options);

版本：7.0.1

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

highcharts jquery