如何自定义FusionCharts图表上的工具提示?
中的工具提示是什么?当鼠标悬停在一个特定的数据点上时就会显示工具提示,提示以下信息:
- 单系列图表(饼图和圆环除外):名称及数值
- Pie & Doughnut:名称及数值/百分比
- 多系列组合图表:系列名称,类别名称,数据值
如何禁用FusionCharts图表中的工具提示?
你可以通过设置showToolTip='0'来禁用工具提示。
例如:
<chart showToolTip='0'...>
如何在FusionCharts图表中设置数据点的自定义文本?
你可以利用<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>
结果如下:
如何自定义FusionCharts图表的背景色和边框颜色?
你可以利用<chart>元素中的toolTipBorderColor 属性和toolTipBgColor属性来自定义背景色和边框颜色。颜色不应该包括'#'符号。
例如:
<chart ... toolTipBorderColor='6D86D5' toolTipBgColor='F7D7D1' >
结果如下:
如何利用样式来指定FusionCharts图表中工具提示文本的字体样式?
使用样式,您可以设置图表中不同文本的个别字体属性。
例如:
在给定的XML中,我们利用样式定义了工具提示中的字体属性。
<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图表中显示多行工具提示?
FusionCharts v3 允许您利用细微的手动添加多行提示工具,例如:
<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>
在上面的XML中,我们用伪代码{BR},在工具提示中添加一个换行符。图表输出结果如下:
转载于:https://www.cnblogs.com/telwanggs/p/4916811.html
如何自定义FusionCharts图表上的工具提示?相关推荐
- FusionCharts简单教程(三)-----如何自定义图表上的工具提示
原文出自:http://cmsblogs.com/?p=696.尊重作者的成果,转载请注明出处! 个人站点:http://cmsblogs.com -------------------------- ...
- QT自定义图表上不同元素的外观
QT自定义图表上不同元素的外观 项目简介 项目技术 项目展示 主要源码片段解析 获取完整项目源码传送门 项目简介 自定义图表上不同元素的外观. 项目技术 qt5.12,qt charts模块,C++ ...
- FusionCharts图表右键菜单的各种典型示例
2019独角兽企业重金招聘Python工程师标准>>> 对于FusionCharts图表控件的右键菜单,我想用过FusionCharts图表控件的朋友都不会觉得陌生,因为我们很多功能 ...
- 属性导出FusionCharts图表控件中文版使用手册
PS:今天上午,非常郁闷,有很多简单基础的问题搞得我有些迷茫,哎,代码几天不写就忘.目前又不当COO,还是得用心记代码哦! FusionCharts图表控件中文版应用手册 目录 媒介.先谈谈我对fus ...
- Android自定义心率图表
最近有需求需要展示蓝牙设备的心率数据,每半小时一个心率值,在图表中显示.有很多第三方的开源图表库可以选择,比如MPAndroidChart等优秀的图表库,最后还是决定自定义vie,上上手,以作练习,效 ...
- 二十三、【开源】EFW框架Web前端开发之常用组件(FusionCharts图表、ReportAll报表等)
回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu. ...
- 使用Silverlight Toolkit绘制图表(上)--柱状图
Silverlight Toolkit提供了绘制柱状图(Column,Bar),饼图(Pie),折线图(Line), 散点图(Scatter)等控件.我们可以很方便的将已有的数据源绑定到相应图形 ...
- FusionCharts图表标题的参数设置
FusionCharts 允许你为chart配置标题.子标题.x轴标题和y轴标题,可以为它们指定字体.样式和动画效果等.那么Chart的主标题.子标题.X轴标题和Y轴标题的参数应该怎样设置呢? Cha ...
- 标题在图表上_Excel 2010基础应用:图表的创建与编辑
在处理电子表格时,要对大量烦琐的数据进行分析和研究,有时需要利用图形方式再现数据变动和发展趋势.Excel提供了强有力的图表处理功能,使得用户很快就可得到所要的图表.下面介绍如何创建图表以及对图表的修 ...
最新文章
- 定时任务卡死问题排查
- 学习AI可能不需要那么多数学知识:20小时进阶计划
- [reference]-ARM缩写
- php网站怎么缓存,一个php网站缓存代码分享
- Oracle入门(十四.20)之创建DML触发器:第一部分
- Go_笔试题记录-指针与值类型实现接口的区别
- 我和面试官之间关于操作系统的一场对弈 | 原力计划
- 循环计数_倒计数器:CountDownLatch | 循环栅栏:CyclicBarrier
- Struts与MVC分层理解
- python和vb编程哪个好_自学编程是从python还是从vb好
- c++Builder模式
- redis分布式锁-redisson
- STM32F4—Flash读写
- asp在线音乐系统音乐网站 音乐盒
- 文本分词并统计出现次数最高的几个词Python
- 如何快速实现一个基于Nginx网站的监控场景
- Re:萌娘百科上的黑幕实现
- 【技术综述】人脸表情识别研究
- 向日葵客户端 for Android,向日葵远程控制for Android 3.1 发布
- python输入与输出--名片打印