Visualize.js - JasperReports 的 JavaScript 可视化库

  • Bienvenido David
  • 李士窑

2014 年 7 月 16 日

话题:JavaScript语言 & 开发架构

近日,TIBCO 发布了Visualize.js是一个实现了嵌入式报表、可视化操作和数据分析的 JavaScript 框架,也是 TIBCO Jaspersoft 5.6 版本的一部分。Visualize.js 还是一个 JavaScript 的 API 框架,开发者通过调用它的 API 能够将交互式 HTML5 的 JasperReport Server 报表和可视化操作嵌入到 Web 应用中,它是 Jaspersoft BI 速成版的一个附属组件,而 Jaspersoft BI 企业版和专业版已经自带了它。Visualize.js 不支持 JasperReports Server 的社区版本和 JasperReports Library,也不能作为一个独立的图表库使用。

在 Visualize.js 发布前,web 应用中有两种嵌入 JasperReports 的方式。最简单但最不灵活的方式是使用 iframe。第二种方法是使用 JasperReports 的 REST API,该方法能提供大部分的功能和灵活性支持,但必须自行编写所有可视化效果的代码。Visualize.js 作为第三种方式,只需编写相对较少的代码,即可使得嵌入报表非常容易。它的重要功能体现在报表报告、交互式操作和数据访问等方面。Web 开发者能够使用 JavaScript、JSON 和 CSS 将 JasperReports 的可视化操作和数据分析功能嵌入到自己的应用中。

Visualize.js 使开发者能够使用纯文本密码或者 SSO 令牌来登录。它提供了搜索文件夹、报表、数据源、文件和查询结果等资源的 API。Visualize.js 还提供了使开发者能够在一个页面里显示一个或者多个报表的 API。生成的报表具有常见的控制功能,使用户能够进行排序、过滤、分页、提取、导出或接受输入等操作。Visualize.js 还提供了一个报表事件的 API,使开发者能够在报表运行状态下,就能够提供给用户可视化的反馈。报表的外观效果还可以用 CSS 进行自定义。Visualize.js 还提供了 CSS 诊断工具,使开发者能够加载不同的 CSS 库,并能查看样式是如何作用于报表。

要了解 Visualize.js,请访问 Visualize.js 首页。如果您已经安装了 JasperReports 5.6 商业版,您可以引入 http://{jasperserver}/jasperserver-pro/client/visualize.js,实现添加 Visualize.js 库。欲获得更多详细信息,请观看Visualize.js 介绍的视频和阅读 JasperReports Server 编程指南

查看英文原文:Visualize.js - JavaScript Visualization Library for JasperReports


感谢曹知渊对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

JavaScript语言 & 开发架构