2017-04-10 60 views
-1

在饼图的向下钻取部分中,我有几个大标签,它们超出了div并且不可见。我想显示以。结尾的数据标签。隐藏很长时间在饼图钻取中的数据标签

例如:

helloooooooooooooooooooooooooooooooo 

Image 1

这是我的输出

hellooooo... 

Image 2

与尺寸没有变化的预期输出,大小必须在PIC 1数据标签如图2

+0

这是很难回答这个职位。看看这里[它是如何工作的](https://stackoverflow.com/help/mcve) –

+0

我已经对quesion进行了更改,看看你是否可以帮助... –

+0

我无法重现你的问题,默认行为是添加elipsis溢出,你能编辑这个小提琴吗? http://jsfiddle.net/de5uqaav/ –

回答

0

已解决similar之前的问题。

Asuming话不能像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

钻取之前 Before Drill

enter image description here

注意如果你想使用helloooooooooooooooooooooooooooooooo并有椭圆形后。

然后看到这个Fiddle

新增CSS

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

ellipse