日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
解讀Flex多樣化餅圖樣式

本文和大家重點(diǎn)討論一下多樣化Flex餅圖樣式，主要包括顏色漸變，點(diǎn)擊分離和環(huán)形等，相信通過本文的介紹你對(duì)Flex餅圖的樣式一定會(huì)有新的認(rèn)識(shí)。

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),鎮(zhèn)江網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鎮(zhèn)江等地區(qū)。鎮(zhèn)江做網(wǎng)站價(jià)格咨詢:18982081108

Flex多樣化餅圖樣式

創(chuàng)建一個(gè)簡單的環(huán)形Flex餅圖，通過PieChart的innerRadius屬性進(jìn)行設(shè)置實(shí)現(xiàn)環(huán)形效果：

Xml代碼
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4. 
  
  
  
  5. importmx.collections.ArrayCollection;  
    6. 
  
  
  
  6. importmx.charts.HitData;  
    7. 
  
  
  
  7. [Bindable]  
    8. 
  
  
  
  8. publicvarchengjiPie:ArrayCollection=newArrayCollection([  
    9. 
  
  
  
  9. {classs:"60分以下",num:5},  
    10. 
  
  
  
  10. {classs:"60~70分",num:4},  
    11. 
  
  
  
  11. {classs:"70~80分",num:5},  
    12. 
  
  
  
  12. {classs:"80~90分",num:4},  
    13. 
  
  
  
  13. {classs:"90分以上",num:3}]);  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15. privatefunctiondisplayGold(data:Object,field:String,index:Number,percentValue:Number):String{  
    16. 
  
  
  
  16. vartemp:String=(""+percentValue).substr(0,6);  
    17. 
  
  
  
  17. returndata.classs+":"+'\n'+temp+"%";  
    18. 
  
  
  
  18. }  
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20. ]]> 
    21. 
  
  
  
  21.  
    22. 
  
  
  
  22.  
    23. 
  
  
  
  23.  
    24. 
  
  
  
  24.  
    25. 
  
  
  
  25.  
    26. 
  
  
  
  26.  
    27. 
  
  
  
  27.  
    28. 
  
  
  
  28.  
    29. 
  
  
  
  29.  
    30. 
  
  
  
  30.  
    31. 
  
  
  
  31.  
    32. 
  
  
  
  32.  
    33. 
  
  
  
  33.  
    34. 
  
  
  
  34.  
    35. 
  
  
  
  35.  
    36. 
  
  
  
  36.  
    37. 
  
  
  
  37.  
    38. 
  
  
  
  38. 
  
  
  
  39. dataProvider="{chengjiPie}"innerRadius=".3"horizontalCenter="0"verticalCenter="0"> 
    40. 
  
  
  
  40.  
    41. 
  
  
  
  41.  
    42. 
  
  
  
  42.  
    43. 
  
  
  
  43. 
  
  
  
  44. labelFunction="displayGold"> 
    45. 
  
  
  
  45.  
    46. 
  
  
  
  46.  
    47. 
  
  
  
  47.  
    48. 
  
  
  
  48.  
    49. 
  
  
  
  49.  
    50. 
  
  
  
  50.  
    51. 
  
  
  
  51.  
    52. 
  
  
  
  52.  
    53. 
  
  
  
  53.  
    54. 
  
  
  
  54.  
    55. 
  
  
  
  55.  
    56. 
  
  
  
  56.  
    57. 
  
  
  
  57.  
    58. 
  
  
  
  58.  
    59. 
  
  
  
  59. 
  
  
  
  60. importmx.collections.ArrayCollection;  
    61. 
  
  
  
  61. importmx.charts.HitData;  
    62. 
  
  
  
  62. [Bindable]  
    63. 
  
  
  
  63. publicvarchengjiPie:ArrayCollection=newArrayCollection([  
    64. 
  
  
  
  64. {classs:"60分以下",num:5},  
    65. 
  
  
  
  65. {classs:"60~70分",num:4},  
    66. 
  
  
  
  66. {classs:"70~80分",num:5},  
    67. 
  
  
  
  67. {classs:"80~90分",num:4},  
    68. 
  
  
  
  68. {classs:"90分以上",num:3}]);  
    69. 
  
  
  
  69.  
    70. 
  
  
  
  70. privatefunctiondisplayGold(data:Object,field:String,index:Number,percentValue:Number):String{  
    71. 
  
  
  
  71. vartemp:String=(""+percentValue).substr(0,6);  
    72. 
  
  
  
  72. returndata.classs+":"+'\n'+temp+"%";  
    73. 
  
  
  
  73. }  
    74. 
  
  
  
  74.  
    75. 
  
  
  
  75. ]]> 
    76. 
  
  
  
  76.  
    77. 
  
  
  
  77.  
    78. 
  
  
  
  78.  
    79. 
  
  
  
  79.  
    80. 
  
  
  
  80.  
    81. 
  
  
  
  81.  
    82. 
  
  
  
  82.  
    83. 
  
  
  
  83.  
    84. 
  
  
  
  84.  
    85. 
  
  
  
  85.  
    86. 
  
  
  
  86.  
    87. 
  
  
  
  87.  
    88. 
  
  
  
  88.  
    89. 
  
  
  
  89.  
    90. 
  
  
  
  90.  
    91. 
  
  
  
  91.  
    92. 
  
  
  
  92.  
    93. 
  
  
  
  93. 
  
  
  
  94. dataProvider="{chengjiPie}"innerRadius=".3"horizontalCenter="0"verticalCenter="0"> 
    95. 
  
  
  
  95.  
    96. 
  
  
  
  96.  
    97. 
  
  
  
  97.  
    98. 
  
  
  
  98. 
  
  
  
  99. labelFunction="displayGold"> 
    100. 
  
  
  
  100.  
    101. 
  
  
  
  101.   
    102. 
  
  
  
  102.  
    103. 
  
  
  
  103.  
    104. 
  
  
  
  104.  
    105. 
  
  
  
  105.  
    106. 
  
  
  
  106.  
    107. 
  
  
  
  107.  
    108. 
  
  
  
  108.  
    109. 
  
  
  
  109.  
    110.

◆在這個(gè)簡單Flex餅圖的基礎(chǔ)上進(jìn)行一些改動(dòng)就可以實(shí)現(xiàn)多樣化：

1添加Flex餅圖上顏色塊的漸變效果，用到RadialGradient標(biāo)簽.

2實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊，該塊分離的效果，對(duì)PieSeries進(jìn)行相關(guān)屬性設(shè)置，explodeRadius:分離程度。PerWedgeExplodeRadius:數(shù)組規(guī)定出每一塊的分離值。

3添加動(dòng)態(tài)效果，點(diǎn)擊時(shí)的彈動(dòng)變化。showDataEffect標(biāo)簽處添加Elastic.easeOut震動(dòng)效果。

【編輯推薦】

  1. Flex樣式的添加和卸載
  2. Flex安全沙箱問題解決方法
  3. 技術(shù)前沿 看Flex客戶端緩存技術(shù)如何使用
  4. 解析Flex全屏模式設(shè)置方法
  5. Flex內(nèi)存泄露解決方法和內(nèi)存釋放優(yōu)化原則

分享標(biāo)題：解讀Flex多樣化餅圖樣式
鏈接分享：http://www.dlmjj.cn/article/djihdsg.html