翻譯|使用教程|編輯:楊鵬連|2020-07-06 17:54:47.280|閱讀 231 次
概述:從v3.14.0開始,FusionCharts Suite XT允許您將值分別放置在餅圖和甜甜圈圖的餅圖/甜甜圈切片內。這將有助于節省總體外觀,因為它將畫布區域保存在圖表之外。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
FusionCharts Suite XT是全面的跨平臺、跨瀏覽器JavaScript圖表套包,其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT 、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至簡單的HTML頁面。它是你值得信賴的JavaScript圖表解決方案,目前在全球有45萬用戶選擇Fusioncharts來制作專業的JavaScript圖表。
跳過重疊標簽
餅圖/甜甜圈圖中的標簽過多時(即使使用智能標簽也很難調整),標簽可能會重疊。在這種情況下,您可以選擇跳過重疊的標簽。最不重要的餡餅的標簽將被刪除。要跳過標簽的重疊,請將skipOverlapLabels屬性設置為1。
請參閱下面給出的代碼:
{ "chart": { "skipOverlapLabels": "1" } }
自定義Pie Radius
默認情況下,對于餅圖/甜甜圈圖,該圖會根據提供的數據自動計算最合適的餅圖半徑。但是,您可以選擇顯式設置餅圖的外半徑。使用pieRadius屬性指定餅圖/甜甜圈圖的外半徑。
從v3.14.0開始,您可以百分比和像素值形式指定餅圖/甜甜圈圖的半徑。
請參閱下面給出的代碼:
{ "chart": { "pieRadius": "50" } }
自定義外徑的餅圖如下所示:
設置半徑為百分比值
現在,您已經知道如何自定義餅圖/甜甜圈圖的半徑。在這里,我們討論如何使用百分比值配置餅圖/甜甜圈圖的半徑。
您可以通過設置pieRadius屬性的值來以百分比形式設置餅圖的半徑。當您設置pieRadius百分比值時,餅圖的半徑是相對于圖表畫布空間計算的。
請參考下圖:
在甜甜圈圖中,可以應用該pieRadius屬性來設置甜甜圈圖的上限閾值的半徑。
請參考下圖:
要自定義甜甜圈圖的內半徑,請doughnutRadius以百分比設置屬性值。
請參考下圖:
在上圖中,doughnutRadius設置為80%,并且您可以看到,相對于甜甜圈圖的上限,已計算出半徑的百分比。
從v3.14.0開始,您可以百分比和像素值形式指定餅圖/甜甜圈圖的半徑。
請參閱下面給出的代碼:
{ "chart": { "pieRadius": "90", "doughnutRadius": "80" } }
想要購買FusionCharts Suite XT正版授權,或了解更多產品信息請點擊
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: