ダッシュボードデザイナーを使えば簡単にダッシュボードが作れます。
既存のテンプレートに好きなオブジェクトを配置していくだけですが、
このテンプレートの種類はデフォルトで以下の形のものしかありません。


これだけのパターンがあれば、ほぼ足りているとは思いますが、
「こういう形がほしい」という要望がときどきあります。
高解像度の画面だともっと配置できそうな場合もありますし。
このような場合、
テンプレートを簡単追加できますので、その方法を記します。
(3行の形のものを作ってみます)
(biserver)\pentaho-solutions\system\dashboards\templates\xul
配下にファイルを追加します。
基本的に下記の3つのファイルで1組です。
ファイル名は全て同じにします。
(既存のものを見ればわかると思います)
filename.png ・・・ ダッシュボードデザイナー上の表示する画像
filename.properties ・・・ 「2 by 2」などの名称(日本語可)
filename.xul ・・・ 定義ファイル
png
画像はペイントなどを駆使して作ってください^^
properties
name=3 row
のように記載。
日本語にしたい場合はUnicodeで。
xul
既存のxulをコピーして編集すれば容易。
<vbox>タグ内を編集
3行にしたいので
<hbox>タグを3つ記述(大きさを均等にするためflex="33")
----------------------------------------------------------------------
<?xml version="1.0"?>
<window id="Dashboard"
xmlns:pho="http://www.pentaho.com"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<box id="titlebar" pho:type="pagetitle" height="20" hidden="false">
</box>
<box id="FilterPanel" pho:type="povpanel" height="38" hidden="true">
</box>
<vbox id="widget-area" pho:type="scrollarea" flex="100">
<hbox id="hbox1" pho:type="layout" flex="33">
<box id="Panel_1" pho:type="titled-panel" pho:title="${widget1}" flex="100">
</box>
</hbox>
<hbox id="hbox2" pho:type="layout" flex="33">
<box id="Panel_2" pho:type="titled-panel" pho:title="${widget2}" flex="100">
</box>
</hbox>
<hbox id="hbox3" pho:type="layout" flex="33">
<box id="Panel_3" pho:type="titled-panel" pho:title="${widget3}" flex="100">
</box>
</hbox>
</vbox>
</window>
----------------------------------------------------------------------
これでBIserverを再起動。

ダッシュボードデザイナーを見てみると、
テンプレートに右端に追加した3行の形のテンプレートが現れました。
(nameは3行と日本語で表示してみてますが、英語のほうがしっくりきますね)
こんな感じでテンプレートは追加可能です。
見たい内容にもよりますが、
高解像度の画面なら4×4の16個配置とかもありですね。
おまけですが、
pentaho-solutions\system\dashboards\themes
配下を追加すればテーマも好きにカスタマイズできます。
あまり需要もないのでやったことないですけど^^
(CSSの知識があれば可能かと)
★Have a nice open source BI day★
KSKソリューションズ Pentahoチーム
Tweet
既存のテンプレートに好きなオブジェクトを配置していくだけですが、
このテンプレートの種類はデフォルトで以下の形のものしかありません。
これだけのパターンがあれば、ほぼ足りているとは思いますが、
「こういう形がほしい」という要望がときどきあります。
高解像度の画面だともっと配置できそうな場合もありますし。
このような場合、
テンプレートを簡単追加できますので、その方法を記します。
(3行の形のものを作ってみます)
(biserver)\pentaho-solutions\system\dashboards\templates\xul
配下にファイルを追加します。
基本的に下記の3つのファイルで1組です。
ファイル名は全て同じにします。
(既存のものを見ればわかると思います)
filename.png ・・・ ダッシュボードデザイナー上の表示する画像
filename.properties ・・・ 「2 by 2」などの名称(日本語可)
filename.xul ・・・ 定義ファイル
png
画像はペイントなどを駆使して作ってください^^
properties
name=3 row
のように記載。
日本語にしたい場合はUnicodeで。
xul
既存のxulをコピーして編集すれば容易。
<vbox>タグ内を編集
3行にしたいので
<hbox>タグを3つ記述(大きさを均等にするためflex="33")
----------------------------------------------------------------------
<?xml version="1.0"?>
<window id="Dashboard"
xmlns:pho="http://www.pentaho.com"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<box id="titlebar" pho:type="pagetitle" height="20" hidden="false">
</box>
<box id="FilterPanel" pho:type="povpanel" height="38" hidden="true">
</box>
<vbox id="widget-area" pho:type="scrollarea" flex="100">
<hbox id="hbox1" pho:type="layout" flex="33">
<box id="Panel_1" pho:type="titled-panel" pho:title="${widget1}" flex="100">
</box>
</hbox>
<hbox id="hbox2" pho:type="layout" flex="33">
<box id="Panel_2" pho:type="titled-panel" pho:title="${widget2}" flex="100">
</box>
</hbox>
<hbox id="hbox3" pho:type="layout" flex="33">
<box id="Panel_3" pho:type="titled-panel" pho:title="${widget3}" flex="100">
</box>
</hbox>
</vbox>
</window>
----------------------------------------------------------------------
これでBIserverを再起動。
ダッシュボードデザイナーを見てみると、
テンプレートに右端に追加した3行の形のテンプレートが現れました。
(nameは3行と日本語で表示してみてますが、英語のほうがしっくりきますね)
こんな感じでテンプレートは追加可能です。
見たい内容にもよりますが、
高解像度の画面なら4×4の16個配置とかもありですね。
おまけですが、
pentaho-solutions\system\dashboards\themes
配下を追加すればテーマも好きにカスタマイズできます。
あまり需要もないのでやったことないですけど^^
(CSSの知識があれば可能かと)
★Have a nice open source BI day★
KSKソリューションズ Pentahoチーム
コメントする