隐藏饼图深入分析中长的数据标签

Question

在饼图的深入部分，我有几个大标签，它们超出了div并且不可见。我想显示以。结尾的数据标签。

例如：

helloooooooooooooooooooooooooooooooo 

这是我的输出

hellooooo...

尺寸，尺寸无变化的预期输出必须与pic 2中的pic 1数据标签一样

Answer 1

之前解决了similar问题。

假设单词不能像 helloooooooooooooooooooooooooooooooo 。它必须是不同的单词组

在图表中添加plotOptions

   plotOptions: {
    pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
            style: {
                width: '100px'
            },
            enabled: true,
            color: '#000000',
            maxStaggerLines:1,                    
            connectorColor: '#000000',
            format: '<b>{point.name}</b>: {point.percentage:.1f} %'                   

        },
    }
},

Fiddle Demo

钻前

钻孔后

注意如果您想使用 helloooooooooooooooooooooooooooooooo 并拥有椭圆。

然后查看此Fiddle

添加Css

#container {
    width: 500px;
    margin: 1em auto;
}