原創|其它|編輯:郝浩|2012-06-04 21:50:55.000|閱讀 2401 次
概述:FusionCharts可允許您為圖表設置背景圖片。你可以嵌入GIF, JPEG 或者PNG格式的背景圖片,SWF文件或者數據表作為背景。要嵌入圖像,你所需要做的就是設置
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
FusionCharts可允許您為圖表設置背景圖片。你可以嵌入GIF, JPEG 或者PNG格式的背景圖片,SWF文件或者數據表作為背景。要嵌入圖像,你所需要做的就是設置<chart> 元素的bgSWF屬性,如下圖所示。你也可以使用bgSWFAlpha屬性,動態更改所加載圖像的透明度(0-100值)。
<chart caption='Sales Figures' labelDisplay='NONE' bgSWF='ChartBg.jpg' canvasBgAlpha='30'
canvasBorderColor='333333' canvasBorderThickness='0' divLineColor='333333'>
<set label='John' value='420' />
<set label='Mary' value='295' />
<set label='Tom' value='523' />
<styles>
<definition>
<style name='myFont' type='font' isHTML='1' bold='1' size='11' color='FFFFFF' />
<style name='myShadow' type='shadow' color='333333' angle='45' strength='3'/>
</definition>
<application>
<apply toObject='YAxisValues' styles='myFont,myShadow' />
<apply toObject='DataLabels' styles='myFont,myShadow' />
<apply toObject='DataValues' styles='myFont,myShadow' />
<apply toObject='Caption' styles='myFont,myShadow' />
</application>
</styles>
</chart>
根據以上的代碼,我們需要進行如下操作:
1、載入背景圖像ChartBg.jpg,將其設置為 bgSWF屬性。如果您的圖像文件在不同的位置,你需要指定完整的路徑。此外,由于安全限制,您的圖像文件需要放在相同的子域名中作為SWF文件。
2、canvas alpha設置為30,因此圖像可以通過背景顯示處理。
3、定義其他圖表元素的格式樣式
當你查看帶有背景圖像的圖表,會生成下面的圖表:
為了生成最佳效果,你需要確保背景圖片和圖表是相同的尺寸(寬度和高度)。否則,加載的圖像將處于圖表的左上角。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網