標籤在向下鑽取的餅圖（amCharts）中被裁剪

我們已經使用amCharts實現了餅圖。但是，當發生向下鑽取時，裁剪的拉片標籤會被裁剪。我們如何解決這個問題？標籤在向下鑽取的餅圖（amCharts）中被裁剪

chart = AmCharts.makeChart("chart_1", { 
    "type": "pie", 
    "autoMargins": false, 
    "marginRight": 10, 
    "marginBottom": 10, 
    "dataProvider": generateChartData(), 
    "titleField": "SubTypeName", 
    "valueField": "Weight", 
    "outlineColor": "#FFFFFF", 
    "colorField": "Color", 
    "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>", 
    "pulledField": "pulled", 
    "addClassNames": true, 

    "labelRadius": 3, 
    "radius": "40%", 
    "innerRadius": "30%", 

    "angle": 25, 
    "depth3D": 13, 

    "legend": { 
    "autoMargins": false, 
    "marginTop": 10, 
    "marginBottom": 10, 
    } 

});

來源

2015-08-31 Vipin RT

你能後的代碼添加到您的圖表？ – martynasma

請注意，我已經刪除了代碼中的尾隨逗號。如果在現代瀏覽器中使用逗號，尾隨逗號會導致較舊IE中出現JS錯誤。 – martynasma

有一些事情可以做，解決此問題的工作。您可以申請以下一項或其組合：

1）降低radius財產。這會在拉出時爲切片標籤留出更多空間。或者完全刪除這個參數。圖表會自動計算餅圖半徑，以便即使拉出標籤也始終可見。

2）將pullOutRadius設置爲比默認20％更低的百分比值。這將使切片拉出更少。

3）通過設置maxLabelWidth（默認200像素）限制標籤的寬度。這將使標籤分成多行，有效減少寬度並有可能被切斷。

來源

2015-09-01 07:51:52 martynasma

關注這個AmCharts Tutorial「配件餅圖成小容器」

使圖表容器更大。
將它包裹在其他一些div上，以將圖表限制在相同的空間。

＃

#chartwrapper{ 
position: relative; 
width: 200px; 
height: 200px; 
} 
#chartdiv { 
    position: absolute; 
    top: -30px; 
    left: -30px; 
    width : 260px; 
    height : 260px; 
}

來源

2015-10-28 19:28:56 user3306762

標籤在向下鑽取的餅圖（amCharts）中被裁剪

回答

相關問題