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

  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},在工具提示中添加一个换行符。图表输出结果如下:

 
 

最新文章

  1. 关于float高度塌陷问题
  2. angular-ngSanitize模块-$sanitize服务详解
  3. 【SSH】 之 Struts
  4. JSON的故事
  5. 关于Linux下进程间使用共享内存和信号量通信的时的编译问题
  6. TEXT、TINYTEXT、MEDIUMTEXT、LONGTEXT选择 和 char varchar varchar2 的区别
  7. matlab产生正态分布样本
  8. nenu contest
  9. Javascript:getElementsByClassName
  10. VC2010 Working Directory
  11. “entities.LastOrDefault()”引发了类型“System.NotSupportedException”的异常
  12. python基础学习笔记5--对象方法、属性和迭代器
  13. git使用详解
  14. Promise (1) 如何使用Promise
  15. Linux从入门到进阶全集——【第十四集:Shell编程】
  16. 深度学习原理与框架-Tensorboard可视化展示(代码) 1.tf.reuse_default_graph(进行结构图的重置) 2.tf.summary.FileWriter(writer实例化) 3. write.add_graph(graph的写入) 4. tf.summary.merge_all(将summary进行合并) 5.write.add_summary(将所有summary)
  17. M2事后总结
  18. 【Python】多进程-4
  19. HDU2844买表——多重背包初探
  20. 视频监控系统:C/S &amp;amp; B/S

热门文章

  1. shiro教程1(HelloWorld)
  2. python的Web框架,Django的ORM,模型基础,MySQL连接配置及增删改查
  3. [TJOI 2018]智力竞赛
  4. 探秘 Java 热部署二(Java agent premain)
  5. .Net Core 简单定时任务框架封装
  6. SQL 时间段转换格式
  7. 在visual studio中设置点击左边选项卡中的类文件,右侧解决方案跳到对应的文件
  8. Hive原理总结(完整版)
  9. 以前没有写笔记的习惯,现在慢慢的发现及时总结是多么的重要。 这一篇文章主要关于java多线程一些常见的疑惑点。因为讲解多线程的书籍和文章已经很多了,所以我也不好意思多说,嘻嘻嘻、大家可以去参考一些那些书籍。我这个文章主要关于实际的一些问题。同时也算是我以后复习的资料吧,。还请大家多多指教。 同时希望多结交一些技术上的朋友。谢谢。
  10. [PHP] 数据结构-反转链表PHP实现