岛国毛片,日韩系列,老司机人人草

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

Flash圖表組件FusionCharts幫助文檔十二:創(chuàng)建透明圖表

原創(chuàng)|其它|編輯：郝浩|2012-11-30 16:48:17.000|閱讀 3831 次

概述：本文講解如何用FusionCharts創(chuàng)建透明圖表。

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

相關(guān)鏈接：

想讓自己的圖表與眾不同？想創(chuàng)建讓人眼前一亮的圖表？那就試試透明的圖表效果吧。本文就為你講解如何設(shè)置 FusionCharts 圖表的透明背景。

創(chuàng)建透明圖表

創(chuàng)建兩個(gè)數(shù)據(jù)源相同的3D柱狀圖，調(diào)用Data文件夾中的SimpleChart.asp 和 Data.xml，修改SimpleChart.asp渲染兩個(gè)柱狀圖，示例代碼如下：

<%@ Language=VBScript %>
  <HTML>
     <HEAD>
        <TITLE>FusionCharts XT - Simple Column 3D Chart</TITLE> 
     </HEAD>
     <!-- #INCLUDE FILE="../Includes/FusionCharts.asp" -->
     <BODY>
         <div style="padding:40px; background-color:#9d7fbd; border:1px solid #745C92; width: 600px;">
         <%
         ' Set the chart mode transparent. This will affect all the charts
         ' Rendered after this declaration. 
         Call SetTransparentChart(True)
         ' render chart : This will be a transparent chart
         Call renderChart("../../FusionCharts/Column3D.swf", "Data/Data_Transparent.xml", "",
                          "myFirst_Transparent", 600, 300, false, false)
              %>
      <BR /><BR />
      <%
         ' Set the chart mode opaque. This will affect all the charts
         ' Rendered after this declaration. 
                 Call SetTransparentChart(False)
         ' Render chart : This will be an opaque chart
         Call renderChart("../../FusionCharts/Column3D.swf", "Data/Data_Transparent.xml", "",
                          "myFirst_Opaque", 600, 300, false, false)
              %>
           </div>
        </BODY>
  </HTML>

1.首先調(diào)用SetTransparentChart(true)，將隨后的圖表渲染成透明模式。
2.調(diào)用 SetTransparentChart(false)，這個(gè)語(yǔ)句將所有的圖表設(shè)置為不透明模式。
3.將圖表放入一個(gè)紫色容器中，確認(rèn)圖表是否透明。

我將Data_Transparent.xml文件作為兩個(gè)圖表的Data URL，對(duì)當(dāng)前的Data.xml作了一些小的修改，設(shè)置圖表背景為透明，并將它保存為Data_Transparent.xml。
我們看一下修改后的XML：

<chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' 
       showValues='0' formatNumberScale='0' showBorder='1' canvasBgAlpha='0' bgAlpha='0'>
      <set label='Jan' value='462' />
      <set label='Feb' value='857' />
      <set label='Mar' value='671' />
      <set label='Apr' value='494' />
      <set label='May' value='761' />
      <set label='Jun' value='960' />
      <set label='Jul' value='629' />
      <set label='Aug' value='622' />
      <set label='Sep' value='376' />
      <set label='Oct' value='494' />
      <set label='Nov' value='761' />
      <set label='Dec' value='960' />
 </chart>

這個(gè)XML和之前的SimpleChart.asp示例類(lèi)似，但你發(fā)現(xiàn)沒(méi)有，bgAlpha 和 canvasBgAlpha 屬性發(fā)生了改變。那是因?yàn)閎gAlpha屬性設(shè)置圖表主背景的透明，canvasBgAlpha設(shè)置圖表3D畫(huà)板的透明。將兩個(gè)屬性設(shè)置為0，就可以實(shí)現(xiàn)完全透明。注意，如果只設(shè)置bgAlpha為0，這只實(shí)現(xiàn)了背景透明，而沒(méi)有實(shí)現(xiàn)畫(huà)板透明。

設(shè)置圖表透明簡(jiǎn)單來(lái)說(shuō)需要兩個(gè)步驟：首先設(shè)置圖表為透明模式，然后設(shè)置bgAlpha屬性。

效果如圖所示：

FusionCharts,圖表,透明圖表,柱狀圖