`
zzc1684
  • 浏览: 1223169 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

FusionCharts使用教程:图表导出为图像/PDF

阅读更多

FusionCharts XT图表控件包中的所有图表都可以通过配置而导出为图像/PDF。FusionCharts图表的导出可以在客户端或服务器端进行,所有导出的图像/ PDF可以被保存在客户端或服务器上。

下列图像展示了如何在客户端通过图表的上下文菜单将图像导出为图表。其实,你也可以通过JavaScript APIs导出图表。默认情况下,菜单项目不会出现在FusionCharts图表中,你需要配置导出选项和处理器。本文中,我们将简要介绍所有的导出选项。

FusionCharts XT不能直接将图表导出为图像,它需要借助于服务器端脚本或其他客户端Flash动画(Flash Player 10)。 FusionCharts XT将图表的快照发送至对象FusionCharts Export Handlers,然后将其转换为图像或PDF。

FusionCharts Export Handlers导出处理器有两种形式:Server-side Handlers和Client-side Handler。

FusionCharts Server-side Export Handlers:

服务器端导出处理器通过脚本可帮助你将FusionCharts XT导出为图像/PDF。FusionCharts提供现成的ASP.NET、PHP、Ruby on Rails和Java脚本。

这些脚本接受来自 FusionCharts XT的压缩位图数据(通过HTTP或HTTPS),并转换成相同的图像/PDF。转换后,您有两种选择:

  1. 将输出的(图像/ PDF)保存至服务器磁盘。
  2. 或者,返回至浏览器,让用户立即下载它。

备注:自 FusionCharts XT v3.3.0起,JavaScript 图表可以导出并保存至服务器磁盘。要做到这一点,你需要配置自己的服务器。服务器需要支持PHP和Java(1.3或以上)版本。此外,你需要在服务器上 安装 FusionCharts PHP导出处理器和Apache Batik SVG Rasterizer库。

Client-side Export Handlers:

客户端FusionCharts导出控件,帮助你绕过所有服务器脚本并在客户端将图表保存为图像/ PDF文件。客户端的导出是通过 FusionCharts Export Component SWF文件(需要Flash Player 10)和FusionCharts Export Javascript类来完成的。

FusionCharts图表批量导出

只需单击,你就可以通过客户端导出处理器导出所有网页中的图表。这就是所谓的批量导出。每个图表的导出文件既可以单独保存也可以将所有图表作为一个文件保存。

图表导出设置

要启用图表的导出功能,你需要在图表数据(XML/ JSON)中添加导出设置。你需要设置exportEnabled XML图表属性或者设置JSON图表属性为"1"。

如何设置图表数据导出?

XML

<chart exportEnabled='1' exportAtClient='0' exportHandler='index.php'
yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$'>
<set label='Alex' value='25000' />
<set label='Mark' value='35000' />
<set label='David' value='42300' />
<set label='Graham' value='35300' />
<set label='John' value='31300' />
</chart>

 JSON

{
"chart":{
"exportenabled":"1",
"exportatclient":"0",
"exporthandler":"index.php",
"yaxisname":"Sales Figure",
"caption":"Top 5 Sales Person",
"numberprefix":"$"
},
"data":[
{ "label":"Alex", "value":"25000" },
{ "label":"Mark", "value":"35000" },
{ "label":"David", "value":"42300" },
{ "label":"Graham", "value":"35300" },
{ "label":"John", "value":"31300" }
]
}

 

分享到:
评论

相关推荐

    纯js实现导出FusionCharts图片或PDF

    本文将深入探讨如何使用纯JavaScript实现FusionCharts图表的导出功能,包括导出为图片和PDF。 首先,导出FusionCharts图表为图片或PDF的需求在很多场景下都非常常见,例如用户可能希望保存图表以便离线查看,或者将...

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

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

    FusionCharts导出图片实例java版[参照].pdf

    在软件开发中,有时候我们需要将这些图表导出为图片或PDF格式以便于离线查看、打印或存档。本实例主要关注如何在Java环境下使用FusionCharts实现服务器端的图片和PDF导出。 首先,为了在服务器端使用JSP进行导出,...

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

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

    FusionCharts 导出图片

    4. 导出图片功能:FusionCharts提供了导出图表为图像(如jpg)或PDF的功能。这通过调用`exportChart()`方法实现,需要传入导出的格式和可选参数。例如,如果你想导出当前图表为jpg,你可以这样写: ```javascript ...

    FusionCharts 导出内容+图片到word

    这个模块允许用户将图表数据、图像以及其他相关元素导出到不同的格式,如PNG、JPEG、PDF以及Word。导出的过程通常涉及以下几个步骤: 1. **配置导出设置**:在FusionCharts实例化时,我们需要设置导出的相关参数,...

    FusionCharts完整资料集

    本资料集全面涵盖了FusionCharts的各个方面,包括基础使用、实例演示、XML数据源生成、图表导出功能等。下面将详细阐述这些知识点。 ### 1. FusionCharts基本概念 FusionCharts是一种基于Web的图表工具,它使用...

    fusionCharts导出pdf_jpg_png_gif

    通过学习和理解这些代码,开发者可以更好地掌握如何在自己的项目中实现FusionCharts的图表导出功能。 总结来说,FusionCharts与ASP.NET的结合不仅提供了强大的数据可视化能力,还允许用户方便地将这些可视化结果...

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

    4. 图表导出为PDF或图片:用户还可以将图表导出为静态的PDF或图片(JPEG、PNG),方便打印或在非Web环境中分享。 5. 中文编码解决方法:在处理中文数据时,可能遇到编码问题。手册中详细介绍了如何正确设置XML文件...

    Fusioncharts XT V3.2.2最新中文版教程

    2. **美观的外观与智能报告**:除了提供美观的数据展示外,FusionCharts 还包含了诸如工具提示、向下钻取、图表导出等功能,增强了数据展示的智能性和交互性。 3. **生动且交互式的图表**:FusionCharts 能够快速...

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

    - **图表导出为PDF或图片**:提供导出功能,方便用户保存图表为可打印或分享的格式。 - **中文编码解决方法**:对于中文字符的支持,可能需要处理编码问题,确保XML文件和SWF之间的一致性。 4. **FusionCharts...

    rails-exporter:RoR 上 FusionCharts 的导出服务器

    如果您需要将图表导出为图像或 PDF,则需要一个服务器端帮助程序库来将 SVG 转换为图像/PDF。 这些导出处理程序允许您从 FusionCharts 图表中获取 SVG 并转换为图像/PDF。导出处理程序如何工作? 在浏览器中生成...

    Fusioncharts3.2

    3. **数据XML中的导出属性**:在生成图表的数据XML中,需要添加一个exportHandler属性,值设为'FCExporter',这将指示图表使用FCExporter进行导出操作。 4. **修改配置文件**:编辑fusioncharts_export.properties...

    fusionCharts3.1例子

    图表导出允许用户将可视化数据保存为图像文件,如JPEG、PNG或PDF,以便离线查看或打印。这个功能通常通过点击一个“导出”按钮触发,然后由FusionCharts的内置API处理导出请求。在实现这一功能时,开发者可能需要...

    FusionCharts使用手册

    **七、图表导出为 PDF 或图片(JPEG 和 PNG)形式** 1. **服务器端图表导出**:通过服务器端API,可以将图表以图像文件格式导出,适合大量或批量导出需求。 2. **客户端图表导出**:用户可以直接在浏览器中触发图表...

    FusionCharts在服务器端导出图片(J2EE版)

    标题 "FusionCharts在服务器端导出图片(J2EE版)" 指向的是一个关于如何在Java(J2EE)环境中使用FusionCharts库来实现服务器端图片导出的技术主题。FusionCharts是一个强大的JavaScript图表库,它允许开发者创建交互...

    Fusioncharts组件jar.7z

    1. **fcexporter.jar**:这是FusionCharts的导出模块,它允许用户将图表导出为各种格式,如PDF、PNG、JPEG等。该JAR文件提供了与服务器端交互的功能,处理导出请求,确保用户可以方便地保存和分享他们的图表数据。 ...

    FusionCharts图详细参数

    4. **图表导出为PDF或图片**:为了方便打印或离线查看,FusionCharts支持将图表导出为JPEG、PNG或PDF格式,便于保存和分享。 **三、FusionCharts的详细属性** 1. **边框及整个背景的属性**:这些属性控制图表的...

    fusioncharts资源

    FusionCharts支持图表的导出功能,允许用户将图表保存为PNG、JPEG、PDF等格式,便于分享和打印。 5. **js**:这个目录存放了FusionCharts的核心JavaScript库。其中可能包括主库文件如`fusioncharts.js`,以及扩展...

Global site tag (gtag.js) - Google Analytics