如何将 ECharts 与 BIRT/Pentaho 集成？

Question

我正在寻找一个报告引擎，它可以：

• 通过 JDBC 连接到数据源
• 通过对原始数据进行分组/聚合来创建逻辑数据集
• 在每个报告的顶部包含一个数据过滤器，它允许我的客户以交互方式使用报告
• 添加自定义图表，在我的例子中，它是 ECharts https://github.com/ecomfe/echarts
• 支持多租户模式（新要求）

现在 BIRT 和 Pentaho 是我桌上的两个玩家。

对于 pentaho，很难找到有用的文档来至少说明它是否有能力。如果您熟悉它，请告诉我pentaho 社区版本是否符合我的要求。

对于 BIRT，我发现它支持我的前 3 个需求。但是对于自定义图表，我只能找到有关添加自定义 IMAGE/SVG 图表的示例/文档。由于 ECharts 是基于 canvas 的，我不确定是否可以将 ECharts 与 BIRT 集成。

谢谢！

Answer 1

是的，可以在 BIRT 中集成 javascript 图表。基本上：

• 选择报表大纲的顶级元素 -> 脚本选项卡 -> clientScripts
• 使用“head.js”在此处包含您的 echart 资源（.js 和 .css）（有关更多信息，请参见下面的链接）
• 向报告中添加文本元素
• 将此新元素的类型设置为“HTML”
• 在脚本标签中，在“head.ready()”指令中初始化您的 echart 对象（有关更多信息，请参见下面的链接）。棘手的部分是了解如何在此 html 脚本中的客户端图表中使用服务器端数据集。

您可以找到更多信息和此类报告的完整示例here，此示例在 birt 报告中嵌入了jvectormap。此外，请参阅 a live demo here，其中 JIT chart 已集成到 BIRT 报告中。

但是，由于这些图表是使用客户端框架创建的，显然 BIRT 无法将它们导出为 PDF 格式。您可以在上面链接的现场演示中看到，当用户导出为 PDF 时，BIRT 报告如何轻松处理不同的输出。

Answer 2

您可以在 Pentaho 中执行此操作，但使用哪种工具尚有争议。

使用 Pentaho 报表设计器： - 使用 JDBC 连接到数据库； - 允许基于一个或多个字段对行进行分组以及计算函数，例如运行总和； - 可以使用选择器（单值或多值选择器）与报表交互，将选择器值传递给查询； - 据我所知，选择特定图表引擎的选项并不多。

但是，您可以使用 CCC 作为图表引擎，它是一个基于 Protovis 的 Javascript 图表引擎，跨浏览器兼容（大部分情况下），呈现 SVG 图表并为 IE 提供了不错的回退（我相信回退是 flash但我不确定它最近是否发生了变化）并生成了看起来不错的图表。

如果您必须使用该图表库，那么我建议您改用 C-Tools 仪表板，您可以在其中嵌入任意数量的不同 JS 文件，并且您可以完全控制页面的 JS 和 CSS。但是 PRD 的大部分报告功能都必须由您自己实现。