文档章节

Flash图表控件FusionCharts如何自定义图表的工具提示

头顶锅盖
 头顶锅盖
发布于 2013/08/22 15:35
字数 501
阅读 140
收藏 3

什么是FusionCharts的工具提示

当鼠标指示到FusionCharts图表中一个特定的数据点时所显示出来的信息就是工具提示。提示的信息可以是以下内容:

单系列图(除了饼图和环图):名称和值

饼图和环图:名称和值/百分比

多系列和组合图:系列名称、类别名称、数据值

 

如何禁用图表中的工具提示

用户可以通过设置showToolTip='0'选择禁用图表上的工具提示。

示例:

<chart showToolTip='0'...>

如何为图表上的数据点设置自定义文本

用户可以使用<set>元素的tooltext属性为数据点设置自定义工具提示,用于定义单个数据元素。

示例:

<chart caption='Monthly Revenue' xAxisName='Month' 
 yAxisName='Revenue' numberPrefix='$ showValues='0'>
     <set label='Jan' value='220000' toolText='Highest'/>
     <set label='Feb' value='90000' />
     ...
</chart>

将输出以下结果

 

如何自定义图表中的工具提示文本背景和边界颜色

用户可以使用<chart>元素的toolTipBorderColortoolTipBgColor属性定制工具提示的背景和边框颜色。颜色不应包括“#”符号。

示例:

<chart ...  toolTipBorderColor='6D86D5' toolTipBgColor='F7D7D1' >

输出结果如下:

 

如何使用Styles指定图表工具提示的字体属性

使用STYLES,用户可以为图表不同的文本设置单独的字体属性。

示例:

<chart caption='Quarterly Sales Summary' subcaption='Figures in 
 xAxisName='Quarter' yAxisName='Sales' showValues='0' >
     <set label='Qtr 1' value='420500' />
     <set label='Qtr 2' value='295400' />
     <set label='Qtr 3' value='523400' />
     <set label='Qtr 4' value='465400' />
     <styles>
         <definition>
             <style name='myToolTipFont' type='font' 
                    font='Verdana' size='12' color='C57B64'/>
         </definition>
         <application>
             <apply toObject='ToolTip' styles='myToolTipFont' />
         </application>
     </styles>
</chart>

 


如何在图表中显示多行工具提示

FusionCharts允许用户通过一个小手工调整跨行显示工具提示。

示例:

<chart>
     <set label='John' value='420' tooltext='John Miller{br}Score: 420{br}Rank:2'/>
     <set label='Mary' value='295' tooltext='Mary Evans{br}Score: 295{br}Rank:3'/>
     <set label='Tom' value='523' tooltext='Tom Bowler{br}Score: 523{br}Rank:1'/>
 </chart>

© 著作权归作者所有

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

评论(1)

简单的牛牛
简单的牛牛
不错的技巧
FusionCharts常见问题FAQ及解决方法(FusionCharts 100问)

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

flyingsnail
2014/04/25
2.5K
0
Flash图表FusionCharts & Open Flash Chart选型分析

对企业而言,选择一款合适的图表控件是一项非常复杂的任务,因为所选择的图表控件不仅要符合目前的需求还需要考虑未来的需求变化因素。所以,在选择Flash图表的时候,你常常需要评估以下几点...

Leamontea
2012/11/30
1.9K
0
FusionCharts生成Flash图表常见问题FAQ

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

panda456
2013/01/29
317
0
FusionCharts图表控件常见问题解答FAQ

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

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

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

nautygirl
2013/01/15
200
0

没有更多内容

加载失败,请刷新页面

加载更多

0228 我的潘多拉

我的潘多拉 从一个故事说起。<br />从前,有个Java程序员非常喜欢写程序,喜欢研究源码,读英文文档。但是它在一家小公司里工作,公司的技术栈很陈旧。<br /> <br />单个系统代码中含有很多的...

李福春carter
今天
18
0
OSChina 周六乱弹 —— 屁会不会传染病毒

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《ハレハレヤ(朗朗晴天)》- 猫瑾 手机党少年们想听歌,请使劲儿戳(这里) @空格...

小小编辑
今天
63
1
两个值得注意的问题

对成员变量的操作只能放在方法中,方法可以对成员变量和方法体中自己定义的局部 变量进行操作.在定义类的成员变量时可以同时赋予初值,如 class A { int a=12; float b=12.56f; } 但是不可以这...

咔啡
今天
27
0
第三章 分布式服务框架的选择

1.大项目工程且多人维护的弊端 (1)项目团队协同成本高,业务响应越来越慢 (2)应用复杂度已超出人的认知负载(向杂乱的电线一样) (3)错误难于隔离(一个模块出错,整个系统挂掉) (4...

zxx901221
今天
68
0
eclipse 上传jar到远程仓库

使用maven的项目中,有时需要把本地的项目打成jar包上传到mevan仓库。 操作如下: 前提:pom文件中配置好远程库的地址,否则会报错 一、将maven 中的settings文件配置好用户名和密码,如下:...

文文1
昨天
63
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部