中文字幕精品视频在线,精品自拍1,国产v综合

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

JavaScript圖表工具FusionCharts入門(mén)教程(26):餅圖和甜甜圈圖（三）

翻譯|使用教程|編輯：楊鵬連|2020-07-16 14:51:01.600|閱讀 236 次

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

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

FusionCharts Suite XT是全面的跨平臺(tái)、跨瀏覽器JavaScript圖表套包，其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT 、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至簡(jiǎn)單的HTML頁(yè)面。它是你值得信賴的JavaScript圖表解決方案，目前在全球有45萬(wàn)用戶選擇Fusioncharts來(lái)制作專(zhuān)業(yè)的JavaScript圖表。

點(diǎn)擊下載FusionCharts最新版

設(shè)置起始角度

默認(rèn)情況下，餅圖/甜甜圈圖從0°角開(kāi)始繪制。該圖表允許您顯式設(shè)置起始角度。指定startingAngle屬性設(shè)置餅圖/甜甜圈圖的起始角度。第一個(gè)餅圖切片將從此屬性中指定的角度度量開(kāi)始繪制。

請(qǐng)參閱下面給出的代碼：

{
  "chart": {
    "startingAngle": "45"
  }
}

起始角設(shè)置為45°的餅圖如下所示：

切片餡餅/甜甜圈

默認(rèn)情況下，當(dāng)餅圖/甜甜圈圖首次呈現(xiàn)時(shí)，將切入所有切片。但是，要突出顯示一個(gè)切片，您可能希望在圖表首次加載時(shí)將其切成薄片。isSliced屬性可用于指定餅圖將被切成一切片的形式呈現(xiàn)。將該屬性設(shè)置1為餅圖切片，以呈現(xiàn)切出的切片。此屬性屬于data對(duì)象。
請(qǐng)參閱下面給出的代碼：

{
  "data": {
    "label": "Household",
    "value": "49100",
    "isSliced": "1"
}

一片切成薄片的餅圖如下所示：

配置切片距離

切出餡餅/甜甜圈切片時(shí)，您可以配置中心和切出的切片之間的距離。使用slicingDistance屬性設(shè)置圖表中心和切出的切片之間的距離（以像素為單位）。

請(qǐng)參閱下面給出的代碼：

{
  "chart": {
    "slicingDistance": "10"
  }
}

配置了切片距離的圖表如下所示：

配置斜角效果

對(duì)于餅圖/甜甜圈圖，您可以配置斜角效果以使用3D效果渲染圖表。設(shè)置use3DLighting屬性以1指定是否將使用高級(jí)漸變和陰影效果來(lái)創(chuàng)建外觀更好的圖表。

使用radius3D屬性設(shè)置圖表的3D半徑。在3D照明模式下繪制圖表時(shí)，使用此屬性可以以百分比形式設(shè)置半徑。從根本上說(shuō)，它有助于設(shè)置餡餅/甜甜圈的斜角距離。

請(qǐng)參閱下面給出的代碼：

{
  "chart": {
    "use3DLighting": "1",
    "radius3D": "50"
  }
}

為斜角效果配置的餅圖如下所示：

想要購(gòu)買(mǎi)FusionCharts Suite XT正版授權(quán)，或了解更多產(chǎn)品信息請(qǐng)點(diǎn)擊

標(biāo)簽：

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

文章轉(zhuǎn)載自：

上一篇：圖表控件LightningChart.NET使用教程：具有多個(gè)軸的2D圖表下一篇：QT入門(mén)教程：如何從設(shè)計(jì)工具導(dǎo)出圖稿

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

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13447

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

開(kāi) 發(fā) 商： InfoSoft

正式授權(quán)

">FusionCharts Suite XT

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

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：10691

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

開(kāi) 發(fā) 商： InfoSoft

正式授權(quán)

">FusionCharts XT

50萬(wàn)用戶首選的跨平臺(tái)、跨瀏覽器的JavaScript/HTML圖表解決方案

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13238

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

開(kāi) 發(fā) 商： InfoSoft

正式授權(quán)

">FusionWidgets XT

FusionWidgets XT操作簡(jiǎn)單，提供各種實(shí)時(shí)圖表、金融圖表、支持圖表自動(dòng)更新

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13244

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

開(kāi) 發(fā) 商： InfoSoft

正式授權(quán)

">PowerCharts XT

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

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13295

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

開(kāi) 發(fā) 商： InfoSoft

正式授權(quán)

">FusionMaps XT

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

最新文章 MORE

金喜正規(guī)買(mǎi)球相關(guān)的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

JavaScript圖表工具FusionCharts入門(mén)教程(26):餅圖和甜甜圈圖（三）

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

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

JavaScript圖表工具FusionCharts入門(mén)教程(26):餅圖和甜甜圈圖（三）

為你推薦

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

Create excellence with technology