author @fyunli
1、安装CDA、CDE插件
登录BI Server后菜单Home - Marketplace

连接server后,显示可安装的插件,选择安装CDA, CDE插件:

PS:最好是安装一个插件就重启一次BI Server,不然控制台有可能报错,:)
2、认识CDE

右上角三个图标分别是布局、组件和数据源
3、创建Dashboard
3.1 Layout
点击Layout图标,根据布局要求新建布局,如下图:

CDE默认使用blueprint布局,blueprint采用24列网格化布局,如图panel2, panel3各占50%宽度,则设置span size均为12。
3.2 设置数据源
点击Datasource图标,从左侧选择合适的数据源并填写参数和Query,下图以JDBC连接为例:

生产环境SQL连接建议采用JNDI。
3.3 创建组件
点击Components图标,点击左侧可用组件创建。
下图为一个折线图组件设置:

设置的属性主要包括
- Name, Title, Width, Height
- Datasource: 使用的数据源,对应Datasource的定义名称
- HtmlObject:显示位置,对应Layout的区域名称
以下分别为柱状图、饼图设置:


驾驶舱稍复杂一些,需要先使用一个Query Componeng输出值到变量,然后驾驶舱组件引用该参数,如下图:

注意这里应将Query Component的Priority设置为小于CGG Dial Chart的优先级值(默认5,修改为1或2即可)

如图所示:
- Intervals Arrays:设置驾驶舱值域范围
- Range Color Array: 设置每段对应的配色
- Parameter: 引用Query Component的数据变量设置驾驶舱指针值
4 预览Dashboard
点击右上角预览图标:

5 TroubleShooting
- CDE显示中文乱码
修改Tomcat启动参数,将file.encoding的值由GBK改为utf-8。
具体方法在Tomcat的catalina.bat(linux 为catalina.sh)的JAVA_OPTS中加入-Dfile.encoding 设置为
set JAVA_OPTS=%JAVA_OPTS% -Dfile.encoding=UTF-8
网友评论