FusionCharts简单教程(三)-----如何自定义图表上的工具提示
原文出自:http://cmsblogs.com/?p=696。尊重作者的成果,转载请注明出处!
个人站点:http://cmsblogs.com
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
最近有蛮多人总是问我这个FusionCharts制表的问题,帮助他们解决之后,在昨晚发现以前整理的笔记中有这个简单教程,而且以前也发表了几篇这个博文,所以就将其全部上传上来供别人参考。如有不正确之处望指正!!!!
所谓图表上的工具提示就是当鼠标放在某个特定的数据块上时所显示的提示信息。如下:
禁用显示工具提示
在默认情况下工具提示功能是显示的,但是有时候我们并不是很想需要这个功能提示功能,这个时候我们就希望能够禁用该功能。我们可以通过设置showToolTip='0'来禁用工具提示。
自定义文本
我们可以通过<set…/>元素的tooltext属性来给某个数据点设置特定的工具提供,也就是自定义文本显示。
<graph caption='每月销售额柱形图' xAxisName='月份' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'>......<set name='八月' value='544' color='588526' /><set name='九月' value='565' color='B3AA00' /><set name='十月' value='754' color='008ED6' toolText='销售量最大'/><set name='十一月' value='441' color='9D080D' /><set name='十二月' value='654' color='A186BE' />
</graph>
自定义背景颜色和边框
对于一个白色背景、黑色文字和黑色背景而已还真不是特别的“漂亮”,好在FusionCharts提供了toolTipBorderColor和toolTipBgColor这两个属性用来帮助我们自定义工具提示的背景色和边框颜色。
<graph caption='每月销售额柱形图' xAxisName='月份' yAxisName='Units' showNames='1' toolTipBorderColor='9D080D' toolTipBgColor='F7D7D1'>......
</graph>
对于字体的设置,我们需要使用自定义样式来进行改变。这个下面在介绍。
多行提示
如果某个工具提示的内容太多,那么这个提示信息就会显示的特别的长。
对于这样的提示信息我们是非常不愿意见到的。这里我们就希望它能够多行、分段显示。这里我们可以通过使用伪代码{BR}来进行分段处理。
使用自定义样式改变字体样式
在XML中,我们能够利用样式来改变文本的字体样式。
<graph caption='每月销售额柱形图' xAxisName='月份' yAxisName='Units' showNames='1' toolTipBorderColor='9D080D' toolTipBgColor='F7D7D1'><set name='一月' value='100' color='AFD8F8' /><set name='二月' value='200' color='F6BD0F' />.......<set name='十二月' value='654' color='A186BE' /><styles><definition><style name='myToolTipFont' type='font' font='Verdana' size='14' color='008ED6F'/></definition><application><apply toObject='ToolTip' styles='myToolTipFont' /></application></styles>
</graph>
更多请阅读:
>>>>>>>FusionCharts简单教程(一)---建立第一个FusionCharts图形
>>>>>>>FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
原文出自:http://cmsblogs.com/?p=696。尊重作者的成果,转载请注明出处!
个人站点:http://cmsblogs.com
FusionCharts简单教程(三)-----如何自定义图表上的工具提示相关推荐
- QT自定义图表上不同元素的外观
QT自定义图表上不同元素的外观 项目简介 项目技术 项目展示 主要源码片段解析 获取完整项目源码传送门 项目简介 自定义图表上不同元素的外观. 项目技术 qt5.12,qt charts模块,C++ ...
- 如何自定义FusionCharts图表上的工具提示?
中的工具提示是什么?当鼠标悬停在一个特定的数据点上时就会显示工具提示,提示以下信息: 单系列图表(饼图和圆环除外):名称及数值 Pie & Doughnut:名称及数值/百分比 多系列组合图表 ...
- FusionCharts简单教程(一)---建立第一个FusionCharts图形
由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较 ...
- 使用echarts(三)自定义图表仪表盘
自定义仪表盘 样式如下 代码如下 <html lang="en"><head><meta charset="UTF-8">& ...
- 树莓派简单教程(二)(上)
关键词:python编程,库的下载,用户权限 前文补充,由于在通过vncviewer连接时需要输入管理员账号及密码,新下载系统的账号为:pi,密码为:raspberry 或者root.raspberr ...
- Qt5教程(三):自定义信号与槽
1. 自定义槽 槽可以是任何成员函数.普通全局函数.静态函数 槽函数和信号的参数和返回值要一致 由于信号是没有返回值的, 槽函数也一定没有返回值 首先在mainwidget.h中添加槽函数: publ ...
- 怎么把线稿提取出来_PS教程:提取线稿如此简单?三种方法总有一种适合你
原标题:PS教程:提取线稿如此简单?三种方法总有一种适合你 部落窝教育,每天学习PS独家原创视频 在PS出现之前,如果我们喜欢某个动漫角色大概只能通过临摹的方式将人物线条勾勒出来,但PS的出现将提取线 ...
- java 使用fusioncharts_FusionCharts使用教程:自定义图表——画布
图表的画布是指在图表数据绘制的区域但不包括标题,图例和轴名称被渲染的区域. 如下图所示的蓝色区域就是图表的画布区域: 本篇教程将从四个方面教你自定义图表的画布: 1.修改画布的填充颜色 图表的画布颜色 ...
- keras构建卷积神经网络_通过此简单教程学习在网络上构建卷积神经网络
keras构建卷积神经网络 by John David Chibuk 约翰·大卫·奇布克(John David Chibuk) 通过此简单教程学习在网络上构建卷积神经网络 (Learn to buil ...
最新文章
- 【Ubuntu】ubuntu设置GUI程序自启动
- 使用MLX90640自制红外热像仪(一):MLX90640介绍与API库移植
- 软件测试沟通技巧,你到底应该如何沟通:沟通的技巧
- 新技术 新体验 - 北京.NET俱乐部Visual Studio2008 MVC 交流会
- C++ class实现完全二叉树的顺序存储结构
- 蓝桥杯“基础练习:查找整数
- 蓝桥杯 ALGO-52 算法训练 排列问题
- MultipartFile转为File
- 十大经典排序算法总结 (Python)
- 23种设计模式的深入浅出(更新中)
- Java高效实现xml转换json的一种方法
- php点击打开新窗口打开网页,php实现弹出新页面的方法
- 认知学派用计算机来比拟人,比拟:把人当物写或把物当人来写的一种修辞方法,前者称之为拟物,后者称之为拟人.如:①做人既不可翘尾巴,也不可夹着尾巴. ②蜡炬成灰泪始干....
- 每人都会遇到的三件事: 1.楼上传来弹珠的声,2.曾经的梦里出现过,3.马上就要睡着却突然感觉下坠...
- MATLAB中wcp什么意思,WCP是什么意思
- Excel 录制宏 - 制作工资条
- 申请工作居住证办事指南
- 猴子吃桃问题(记录自己的学习)
- 有一对兔子,从出生后的第 3 个月起每个月都生一对兔子。小兔子长到第 3 个月后每个月又生一对兔子,假设所有的兔子都不死,问 20 个月内每个月的兔子总数为多少?
- LocalDate、LocalTime、LocalDateTime使用与区别
热门文章
- winxp远程桌面其他计算机,如何远程控制别人电脑?WinXP电脑怎样远程控制别人电脑?...
- Linux 安装 Minio
- SQL Server经典sql语句大全
- 利用正则表达式爬取网络小说,并按照章节下载到本地
- AirPods Pro 2出现随机断连问题,充电仓支持Find My成最大亮点
- 【程序语言】人工智能开发的五大编程语言
- android菜单回弹,Android--实现ViewPager边界回弹效果(转)
- 深度强化学习(DRL)一:入门篇
- 关于量子计算机的一些整理 (精心整理原创) (1)
- 深度学习在文档矫正中的应用