`
房价会降吗
  • 浏览: 65121 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

Flash图表控件FusionCharts如何自定义图表的工具提示

阅读更多

什么是FusionCharts的工具提示

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

单系列图(除了饼图和环图):名称和值

饼图和环图:名称和值/百分比

多系列和组合图:系列名称、类别名称、数据值

 

如何禁用图表中的工具提示

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

示例:

 

<chart showToolTip='0'...>

 

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

用户可以使用<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>

 

将输出以下结果

 

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

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

示例:

 

<chart ...  toolTipBorderColor='6D86D5' toolTipBgColor='F7D7D1' >

 

输出结果如下:

 

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

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

示例:

 

<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允许用户通过一个小手工调整跨行显示工具提示。

示例:

<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>

 

 

  • 大小: 3.2 KB
  • 大小: 3.3 KB
  • 大小: 4.2 KB
  • 大小: 17.3 KB
  • 大小: 10.7 KB
0
1
分享到:
评论

相关推荐

    资料较全的 Flash图表控件 FusionCharts

    内容包括 FusionCharts破解去连接版,FusionCharts 3.1 破解版,FusionCharts配置文件,FusionChartsFree中文开发指南电子书,以及如何消除中文乱码的方法文章。内容很全。

    fusioncharts asp.net 图表控件示例

    FusionCharts提供了丰富的API和方法来实现图表的自定义,如更改颜色、调整字体、添加工具提示、响应鼠标事件等。此外,还支持图表的交互性,如点击图表元素触发事件、数据钻取等。 8. **性能优化** 为了提高性能...

    FusionChartsFree_FLASH图表控件源代码和使用说明

    FusionCharts Free是一款基于Flash的图表控件,它允许开发者创建出交互式、动画丰富的图表,为数据分析和展示提供了一种生动的方式。这款开源控件适用于那些希望在网页上展示数据,但又需要图表具备高度视觉吸引力的...

    JSP下操作图形控件FusionCharts

    - **图表动画**: 默认情况下,FusionCharts图表带有平滑的过渡动画效果,也可以自定义动画参数。 6. **优化与性能** - **异步加载数据**: 为了避免页面加载时等待数据,可以采用异步方式加载数据源,提高用户体验...

    js实现图表-FusionCharts

    2. **丰富的自定义选项**:可以调整颜色、样式、动画效果,甚至自定义工具提示和图例,以达到个性化的设计需求。 3. **交互性**:用户可以通过点击、悬停等交互方式,获取图表中的详细数据,增强用户体验。 4. **...

    非常好用的图标控件FusionCharts

    FusionCharts是一款强大的图表控件,专为开发者设计,用于创建引人入胜、交互式的数据可视化效果。这款工具在IT行业中备受推崇,因为它提供了丰富的图表类型和灵活的定制选项,使得即便是非专业的数据可视化专家也能...

    FusionCharts图表控件中文版使用手册.doc

    《FusionCharts图表控件中文版使用手册》是针对初学者设计的一份详细教程,旨在帮助用户快速掌握这款强大的图表工具。FusionCharts是一款流行的JavaScript图表库,它能够以丰富的互动性和美观的视觉效果呈现数据。 ...

    FusionCharts图表控件中文版使用手册下载

    FusionCharts是一款强大的图表生成工具,它通过将数据与SWF动画文件相结合,可以在网页上创建...在实际应用中,根据项目需求,还可以深入学习更多高级特性,如自定义工具提示、动画效果、数据钻取等,以提升用户体验。

    FusionCharts图表控件ABC入门.ppt

    FusionCharts是一款强大的图表控件,它利用Adobe Flash技术,为用户提供交互式的、数据驱动的动态图表。这个组件特别适合那些希望通过视觉化方式呈现复杂数据的开发者,无论他们使用的是JSP、HTML或其他任何网页脚本...

    FusionCharts图表控件中文版使用手册整理.pdf

    SWF文件是FusionCharts图表的视觉表现,它包含了图表的所有图形元素。XML数据文件则是图表的数据源,它定义了图表的各项参数,如数据系列、标签、颜色等。而承载图表的载体通常是HTML页面,也可以是其他服务器端技术...

    FusionCharts Free(图表flash控件)很好用,有教程和dll

    FusionCharts Free(图表flash控件)很好用,有教程和dll.

    FusionCharts 图表控件

    综上所述,FusionCharts图表控件是一个功能强大、灵活易用的数据可视化工具,广泛应用于多个领域,为开发人员提供了便捷的方式来展示和解析复杂数据。无论是初学者还是经验丰富的开发者,都能从中受益。通过学习和...

    flash图表进阶

    FusionCharts图表控件中文版使用手册** 这份文档详细介绍了FusionCharts的使用方法,包括如何在网页中嵌入图表、设置图表属性、处理数据源、自定义图表元素等。通过阅读,开发者可以掌握如何快速上手并创建出符合...

    FusionCharts很炫的swf图表控件

    2. **SWF图表控件** SWF是Adobe Flash Player支持的文件格式,FusionCharts通过SWF文件实现图表的显示。这种方式使得图表在视觉效果上有出色的表现力,同时保持了良好的浏览器兼容性。 3. **文件名称解析** - `...

    FusionCharts图表控件中文版使用手册定义.pdf

    《FusionCharts图表控件中文版使用手册定义》是一份详细介绍如何使用FusionCharts图表控件的网络文档。FusionCharts是一款强大的图表生成工具,它能够帮助开发者创建丰富的交互式图表,广泛应用于数据分析和可视化...

    Android上,使用FusionCharts进行图表控件封装

    在Android平台上,FusionCharts是一款强大的...通过以上步骤,你可以在Android应用中成功地集成和封装FusionCharts图表控件,实现数据的可视化展示。记住,良好的代码组织和适当的优化可以提高应用的性能和用户体验。

    js图形展示控件 饼图 fusioncharts jfcharts jfchart

    对于饼图,JFCharts允许自定义各种属性,如颜色、标签、工具提示等。通过设置相应的参数,可以创建具有交互效果的饼图,如点击切片时显示详细信息或者动态改变切片大小。 JFChart则是JFCharts的一个变体或扩展,...

Global site tag (gtag.js) - Google Analytics