如何为FusionCharts图表加载外部Logo

原创|其它|编辑:郝浩|2012-05-27 22:59:36.000|阅读 631 次

概述:你可以在运行时为FusionCharts加载外部的Logo。Logo图像可以使GIF/JPEG/PNG 或SWF格式文件,这些文件必须与显示Charts的SWF文件位于同一个目录中。要显示Logo,可以使用Chart的logoUrl属性。

你可以在运行时为FusionCharts加载外部的Logo。Logo图像可以使GIF/JPEG/PNG 或SWF格式文件,这些文件必须与显示Charts的SWF文件位于同一个目录中。要显示Logo,可以使用Chart的logoUrl属性。代码如下:

<chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0' exportEnabled='1' exportShowMenuItem='0' logoURL='fusionchartsv3.2-logo.png'>
   <set label='Alex' value='25000' />
   <set label='Mark' value='35000' />
   <set label='David' value='42300' />
   <set label='Graham' value='35300' />
   <set label='John' value='31300' />
</chart>

 

显示结果如下:

设置Logo的位置

可以通过<logoPosition='TL' ... >属性来设置Logo的显示位置。参数如下:

  1. 1.TL – 左上角(Top-left)
  2. 2.TR – 右上角(Top-right)
  3. 3.BL – 左下角(Bottom-left)
  4. 4.BR – 右下角(Bottom-right)
  5. 5.CC – 居中(Center)

设置Logo的透明度和比例

设置了Logo属性后,即可设置透明度和显示比例。代码如下:

<chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0' exportEnabled='1' exportShowMenuItem='0' logoURL='fusionchartsv3.2-logo.png' logoPosition='CC' logoAlpha='30' logoScale='110'>
   <set label='Alex' value='25000'  />
   <set label='Mark' value='35000' />
   <set label='David' value='42300' />
   <set label='Graham' value='35300' />
   <set label='John' value='31300' />
</chart>

显示结果如下:

为Logo增加超链接效果

你可以将Logo连接到任意的外部URL,如:<chart ... logoLink='link in FusionCharts format'>



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:胡杰的博客

登录慧都网发表评论登录


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
FusionCharts XT

50万用户首选的跨平台、跨浏览器的JavaScript/HTML图表解决方案

在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat