文档章节

Flash图表控件FusionCharts如何在图表中显示标识和图片

头顶锅盖
 头顶锅盖
发布于 2013/08/20 16:13
字数 467
阅读 322
收藏 2

在FusionCharts的图表中显示外部商标 

使用FusionCharts之后,用户可以在运行时加载需要在图表中显示的外部标识/图片/图像。这个标识可以GIF / JPEG / PNG或SWF文件格式驻留在和图表SWF相同的子域。用户需要使用图表元素的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>

请注意,由于安全原因Flash Player播放器不允许用户加载有绝对路径的跨域文件。因此,你的logoUrl文件应该和图表处在相同的域,并应该从相对的路径进行加载。

如何设置图表上标识的位置

这个标志可以使用< logoPosition = ' TL”……>属性进行配置,并在以下位置进行显示:

TR - Top-right of the chart

BL - Bottom-left of the chart

BR - Bottom-right of the chart

CC - Center of the chart Configuring logo opacity and scale

改变标识的缩放比例和透明度

标识完成加载之后,它的不透明度和规模可以都可以通过使用<chart>元素中的logoAlpha和logoScale属性进行设置,如下所示:

<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>

为标识添加超链接

用户可以通过设置为标识添加超链接,具体操作如下:

<chart ... logoLink='link in FusionCharts format'>

 

这个链接可以在当前窗口、新窗口、弹出窗口、框架甚至调用 JavaScript 方法进行打开。

 

© 著作权归作者所有

头顶锅盖
粉丝 1
博文 25
码字总数 14223
作品 0
澳门
私信 提问
加载中

评论(0)

FusionCharts常见问题FAQ及解决方法(FusionCharts 100问)

当你利用FusionCharts创建图表时报错,原因是多方面的。本文总结了一些常见问题及解决方法供大家参考,希望对大家有帮助。 FusionCharts 设置字体大小 FusionCharts服务器要求有要求吗? 如何...

flyingsnail
2014/04/25
2.5K
0
FusionCharts图表控件常见问题解答FAQ

由于最近有不少网友咨询FusionCharts图表的一些常见问题,如安装和配置,导出格式,数据源等等,因此慧都小编特意整理了一些FusionCharts的FAQ供大家参考。>>>下最新版FusionCharts v3.2.2-S...

panda456
2013/01/17
124
0
FusionCharts生成Flash图表常见问题FAQ

本文主要汇总了FusionCharts生成Flash图表时的一些常见问题(FAQ)以及解决方法/调试方法,欢迎交流!>>>参考FusionCharts使用教程 问题描述:利用FusionCharts创建Flash图表时,能否直接从数...

panda456
2013/01/29
317
0
2012年度FusionCharts图表控件最受欢迎文章精选(上)

本文主要整理了2012年度FusionCharts图表控件最受欢迎的文章,如使用教程,帮助文档,实例,演示,下载地址,参数大全,选型对比等等,希望对FusionCharts使用者有帮助,欢迎交流与评论! Fu...

nautygirl
2013/01/15
200
0
FusionCharts将告别Flash版成为纯粹的Javascript图表控件

众说周知,FusionCharts自其2002年推出以来,一直都是最优秀的Flash图表控件,但慧都从其开发商印度InfoSoft公司获得独家消息,FusionCharts将停止Flash版本的开发与维护,而FusionCharts的下...

答应不爱你
2013/09/03
636
0

没有更多内容

加载失败,请刷新页面

加载更多

架构师之路(九)之Hystrix介绍

Hystrix是什么 在分布式环境中,许多服务依赖项中的一些必然会失败。Hystrix是一个库,通过添加延迟容忍和容错逻辑,帮助你控制这些分布式服务之间的交互。Hystrix通过隔离服务之间的访问点、...

yaukie
23分钟前
73
0
易鑫车贷人工客服电话是多少

易鑫车贷人工客服电话是多少O29-63O37558人工客服电话O29-688O2826方法,大家可以采取一些传统的方式,比如说打开易鑫车贷,然后设置,就会看到帮助与反馈的字眼,然后大家打开这到各种各样的问题...

fgrf
今天
58
0
IntelliJ 如何找到项目中 Deprecated 的方法

在一个项目中,如果我们标记了某些元素为 Deprecated 的话,如何让我们能够快速找到? 简单来说,你可以对项目进行 Code Inspection。 选择 Analyze > Inspect Code 在弹出的对话框中,对整个...

honeymoose
今天
93
0
Java中的排序算法:冒泡排序

学习了一种新的排序算法:冒泡排序,冒泡排序是一种交换排序,指比较相邻的两个元素,如果前者比后者大,就交换位置,继续进行比较。 通过例子来实现: import java.util.Arrays; public cl...

北芷南姜
今天
73
0
OSChina 周五乱弹 —— 你不仅要背负工作,还要背负领导

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《Cold Rain》- AniFace 手机党少年们想听歌,请使劲儿戳(这里) @明月依稀 :露...

小小编辑
今天
1.7K
5

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部