彩票走势图

如何为FusionCharts图表设置背景图片

原创|其它|编辑:郝浩|2012-06-04 21:50:55.000|阅读 2378 次

概述:FusionCharts可允许您为图表设置背景图片。你可以嵌入GIF, JPEG 或者PNG格式的背景图片,SWF文件或者数据表作为背景。要嵌入图像,你所需要做的就是设置 元素的bgSWF属性,如下图所示。你也可以使用bgSWFAlpha属性,动态更改所加载图像的透明度(0-100值)。

# 慧都年终大促·界面/图表报表/文档/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、定义其他图表元素的格式样式

当你查看带有背景图像的图表,会生成下面的图表:

图表,falsh图表,FusionCharts,背景图片

为了生成最佳效果,你需要确保背景图片和图表是相同的尺寸(宽度和高度)。否则,加载的图像将处于图表的左上角。

 

 


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP