一区二区在线,av国産精品毛片一区二区在线,人妻中文字幕无码专区

JavaScript圖表工具FusionCharts入門教程(25):餅圖和甜甜圈圖（二）

翻譯|使用教程|編輯：楊鵬連|2020-07-06 17:54:47.280|閱讀 239 次

概述：從v3.14.0開始，F(xiàn)usionCharts Suite XT允許您將值分別放置在餅圖和甜甜圈圖的餅圖/甜甜圈切片內(nèi)。這將有助于節(jié)省總體外觀，因為它將畫布區(qū)域保存在圖表之外。

相關(guān)鏈接：

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來制作專業(yè)的JavaScript圖表。

點擊下載FusionCharts最新版

跳過重疊標(biāo)簽

餅圖/甜甜圈圖中的標(biāo)簽過多時（即使使用智能標(biāo)簽也很難調(diào)整），標(biāo)簽可能會重疊。在這種情況下，您可以選擇跳過重疊的標(biāo)簽。最不重要的餡餅的標(biāo)簽將被刪除。要跳過標(biāo)簽的重疊，請將skipOverlapLabels屬性設(shè)置為1。

請參閱下面給出的代碼：

{
  "chart": {
    "skipOverlapLabels": "1"
  }
}

自定義Pie Radius

默認(rèn)情況下，對于餅圖/甜甜圈圖，該圖會根據(jù)提供的數(shù)據(jù)自動計算最合適的餅圖半徑。但是，您可以選擇顯式設(shè)置餅圖的外半徑。使用pieRadius屬性指定餅圖/甜甜圈圖的外半徑。

從v3.14.0開始，您可以百分比和像素值形式指定餅圖/甜甜圈圖的半徑。

請參閱下面給出的代碼：

{
  "chart": {
    "pieRadius": "50"
  }
}

自定義外徑的餅圖如下所示：

設(shè)置半徑為百分比值

現(xiàn)在，您已經(jīng)知道如何自定義餅圖/甜甜圈圖的半徑。在這里，我們討論如何使用百分比值配置餅圖/甜甜圈圖的半徑。

您可以通過設(shè)置pieRadius屬性的值來以百分比形式設(shè)置餅圖的半徑。當(dāng)您設(shè)置pieRadius百分比值時，餅圖的半徑是相對于圖表畫布空間計算的。

請參考下圖：

在甜甜圈圖中，可以應(yīng)用該pieRadius屬性來設(shè)置甜甜圈圖的上限閾值的半徑。

請參考下圖：

要自定義甜甜圈圖的內(nèi)半徑，請doughnutRadius以百分比設(shè)置屬性值。
請參考下圖：

在上圖中，doughnutRadius設(shè)置為80％，并且您可以看到，相對于甜甜圈圖的上限，已計算出半徑的百分比。

從v3.14.0開始，您可以百分比和像素值形式指定餅圖/甜甜圈圖的半徑。

請參閱下面給出的代碼：

{
  "chart": {
    "pieRadius": "90",
    "doughnutRadius": "80"
  }
}

想要購買FusionCharts Suite XT正版授權(quán)，或了解更多產(chǎn)品信息請點擊

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn

文章轉(zhuǎn)載自：

上一篇：DevExpress Winforms使用技巧教程：如何設(shè)置較厚的表格邊框下一篇：Minitab小技巧：如何在Minitab中創(chuàng)建魚骨圖？

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：13447

當(dāng)前版本：V3.20.0 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： InfoSoft

正式授權(quán)

">FusionCharts Suite XT

全面的跨平臺、跨瀏覽器JavaScript圖表解決方案套包，擁有100+圖表和2000+地圖

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：10691

當(dāng)前版本：v3.13.2-sr.1 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： InfoSoft

正式授權(quán)

">FusionCharts XT

50萬用戶首選的跨平臺、跨瀏覽器的JavaScript/HTML圖表解決方案

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：13238

當(dāng)前版本：v3.12.2 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： InfoSoft

正式授權(quán)

">FusionWidgets XT

FusionWidgets XT操作簡單，提供各種實時圖表、金融圖表、支持圖表自動更新

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：13244

當(dāng)前版本：v3.12.2 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： InfoSoft

正式授權(quán)

">PowerCharts XT

適用于專業(yè)領(lǐng)域的高級圖表控件

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：13295

當(dāng)前版本：v3.12.2 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： InfoSoft

正式授權(quán)

">FusionMaps XT

功能強大的JavaScript (HTML5)地圖工具，可以根據(jù)內(nèi)容、地區(qū)來展現(xiàn)及描繪地理數(shù)據(jù)或者其它實體。

最新文章 MORE

半島外圍網(wǎng)上直營相關(guān)的文章 MORE

日韩福利首页在线观看网站-日韩福利免费网站视频在线-日韩福利局二区视频-日韩福利-日韩二区在线-日韩二区三区四区-日韩二区三-日韩电影中文字幕

半岛外围网上直营

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

JavaScript圖表工具FusionCharts入門教程(25):餅圖和甜甜圈圖（二）

用科技創(chuàng)就卓越

Create excellence with technology

日韩福利首页在线观看网站-日韩福利免费网站视频在线-日韩福利局二区视频-日韩福利-日韩二区在线-日韩二区三区四区-日韩二区三-日韩电影中文字幕

半岛外围网上直营

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

JavaScript圖表工具FusionCharts入門教程(25):餅圖和甜甜圈圖（二）

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology