2017-04-10 65 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