您的位置:首页 > Web前端 > JavaScript

JS图表控件FusionCharts使用教程:自定义图表的工具提示

2014-04-27 17:21 531 查看
什么是FusionCharts的工具提示


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

单系列图(除了饼图和环图):名称和值
饼图和环图:名称和值/百分比
多系列和组合图:系列名称、类别名称、数据值
如何禁用图表中的工具提示

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

示例:

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

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

示例:

?
将输出以下结果



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

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

示例:

?
输出结果如下:



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

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

示例:

?


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

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

示例:

?
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: