中的工具提示是什么?当鼠标悬停在一个特定的数据点上时就会显示工具提示,提示以下信息:

  1. 单系列图表(饼图和圆环除外):名称及数值
  2. Pie & Doughnut:名称及数值/百分比
  3. 多系列组合图表:系列名称,类别名称,数据值

如何禁用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图表上的工具提示?相关推荐

  1. FusionCharts简单教程(三)-----如何自定义图表上的工具提示

    原文出自:http://cmsblogs.com/?p=696.尊重作者的成果,转载请注明出处! 个人站点:http://cmsblogs.com -------------------------- ...

  2. QT自定义图表上不同元素的外观

    QT自定义图表上不同元素的外观 项目简介 项目技术 项目展示 主要源码片段解析 获取完整项目源码传送门 项目简介 自定义图表上不同元素的外观. 项目技术 qt5.12,qt charts模块,C++ ...

  3. FusionCharts图表右键菜单的各种典型示例

    2019独角兽企业重金招聘Python工程师标准>>> 对于FusionCharts图表控件的右键菜单,我想用过FusionCharts图表控件的朋友都不会觉得陌生,因为我们很多功能 ...

  4. 属性导出FusionCharts图表控件中文版使用手册

    PS:今天上午,非常郁闷,有很多简单基础的问题搞得我有些迷茫,哎,代码几天不写就忘.目前又不当COO,还是得用心记代码哦! FusionCharts图表控件中文版应用手册 目录 媒介.先谈谈我对fus ...

  5. Android自定义心率图表

    最近有需求需要展示蓝牙设备的心率数据,每半小时一个心率值,在图表中显示.有很多第三方的开源图表库可以选择,比如MPAndroidChart等优秀的图表库,最后还是决定自定义vie,上上手,以作练习,效 ...

  6. 二十三、【开源】EFW框架Web前端开发之常用组件(FusionCharts图表、ReportAll报表等)

    回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu. ...

  7. 使用Silverlight Toolkit绘制图表(上)--柱状图

       Silverlight Toolkit提供了绘制柱状图(Column,Bar),饼图(Pie),折线图(Line), 散点图(Scatter)等控件.我们可以很方便的将已有的数据源绑定到相应图形 ...

  8. FusionCharts图表标题的参数设置

    FusionCharts 允许你为chart配置标题.子标题.x轴标题和y轴标题,可以为它们指定字体.样式和动画效果等.那么Chart的主标题.子标题.X轴标题和Y轴标题的参数应该怎样设置呢? Cha ...

  9. 标题在图表上_Excel 2010基础应用:图表的创建与编辑

    在处理电子表格时,要对大量烦琐的数据进行分析和研究,有时需要利用图形方式再现数据变动和发展趋势.Excel提供了强有力的图表处理功能,使得用户很快就可得到所要的图表.下面介绍如何创建图表以及对图表的修 ...

最新文章

  1. 定时任务卡死问题排查
  2. 学习AI可能不需要那么多数学知识:20小时进阶计划
  3. [reference]-ARM缩写
  4. php网站怎么缓存,一个php网站缓存代码分享
  5. Oracle入门(十四.20)之创建DML触发器:第一部分
  6. Go_笔试题记录-指针与值类型实现接口的区别
  7. 我和面试官之间关于操作系统的一场对弈 | 原力计划
  8. 循环计数_倒计数器:CountDownLatch | 循环栅栏:CyclicBarrier
  9. Struts与MVC分层理解
  10. python和vb编程哪个好_自学编程是从python还是从vb好
  11. c++Builder模式
  12. redis分布式锁-redisson
  13. STM32F4—Flash读写
  14. asp在线音乐系统音乐网站 音乐盒
  15. 文本分词并统计出现次数最高的几个词Python
  16. 如何快速实现一个基于Nginx网站的监控场景
  17. Re:萌娘百科上的黑幕实现
  18. 【技术综述】人脸表情识别研究
  19. 向日葵客户端 for Android,向日葵远程控制for Android 3.1 发布
  20. python输入与输出--名片打印

热门文章

  1. matlab思考,关于Matlab编程的思考(待续)
  2. 关于FPGA核心bug解决
  3. (220)FPGA内部组成LUT介绍
  4. 19.Qt中Thread线程中创建QTcpSocket
  5. 1004.串口收发数据集成bug
  6. C++ 类的定义、作用域及大小计算,限定访问符,this指针
  7. c语言if语句怎么表达字符,C语言if语句的基本用法
  8. 学习Scala: 初学者应该了解的知识
  9. 园龄一年了,可还未动笔.
  10. H5 Canvas maximum-scale图像模糊解决办法