1、解压打开Pentaho Report-Designer 工具。
2、启动Pentaho Report-Designer 工具,新建一个报表。
1.1.1、配置窗口右侧的数据源与数据库连接
1.1.2、新建数据源
1.1.3、配置数据源
1.1.4、新建查询语句
注:由于工具对别名不支持,请勿使用别名
1.1.5、点击预览查询结果集的表格效果
1.1.6、确认结果集的每页数据条数,点击确认增加查询语句项
1.1.7、点击查询加载结果集具体数据列
1.1.8、点击选中报表头
1.2.1、添加一个charts图
1.2.2、选择charts的图类型
以饼图为例
1.2.3、设置所选图的数据及具体属性
设置列(指标)
设置显示分类(维度)
注:1、设置每种图时注意该图表的特性(合理装载指标和维度)2,设置维度时可在查询语句中利用连接查询该维度名(即类型名)
1.2.4、点击预览图效果
1.3.1、使用label构建表头
1.3.2、拖拽字段到详细内容处
1.3.3、预览初步效果
1.3.4、优化表格效果
选中控件点击structure
设置style的border属性
预览效果
注:1、style里可以设置各个属性(例如文字大小、颜色边款、边距等...)
2、尽量先写好一个控件样式利用选中已完成控件后CTRL+C配合CTRL+V复制每个控件,更改每个控件的值。
1.4.1、点击发布
1.4.2、复制pentaho地址
1.4.3、设置发布参数
1.4.4、选择发布到的文件夹并设置发布文件名、标题。
1.4.5、效果预览
1.4.6、项目引用
复制报表地址:
2.1.1、解压启动pentaho脚本
2.1.2、等待启动完成
2.3、PENTAHO CDE的页面编辑 详细使用事宜请查看《PentahoCDE详细使用开发文档.doc》
左上方的菜单为新建、保存,和设置CDE
重点在右则红框中的三个面板:
第一个是Layout(布局):控制CDE生成页面的布局方式和定义容纳组件的容器
第二个是Components(组件):定义要用到的CDE组件并关联到对应容器上
第三个是DataSource(数据源):提供组件展示用到的数据
2.3.1、Layout(布局)
以行和列的形式来控制页面布局 行和列都可以设置Name 如图:
2.3.2、CDE Components
定义CDE Components 切换到Components面板从右则的组件中选择 CCC Pie Chart和 CCC Bar Chart指定大小、数据源、和HtmlObject(为Layout中Row或Column的Name)PieChart 指定HtmlObject为lcol;BarChar 指定HtmlObject 为rcol指定数据分别为piedata和bardata如图:
2.3.3、CDE DataSource
下面就是给组件配置上数据源,注意数据源名要和组件中指定的一致,否则组件找不到数据源
切换到DataSource面板从左边选择SQLQueries->sql over jdbc(这个选项只有在安装了CDA才有)
配置对应的数据库连接和SQL语句 就可以了 如图 :
点击右边的预览 查看效果
2.4.1查看获取图表地址
在预览界面打开展示框架地址
复制展示地址
2.4.2嵌入项目的JSP主题页面
代码:
$("#home2iframe").attr("src", "<%=serverss%>:8099/pentaho/plugin/pentaho-cdf-dd/api/renderer/render?solution=public&path=GX&file=home2.wcdf&userid=admin&password=password");
效果: