ダッシュボードのテンプレートを追加する

| | コメント(0) | トラックバック(0)
ダッシュボードデザイナーを使えば簡単にダッシュボードが作れます。

dd01.JPGのサムネール画像


既存のテンプレートに好きなオブジェクトを配置していくだけですが、
このテンプレートの種類はデフォルトで以下の形のものしかありません。

dd02.JPG


dd03.JPG


これだけのパターンがあれば、ほぼ足りているとは思いますが、
「こういう形がほしい」という要望がときどきあります。

高解像度の画面だともっと配置できそうな場合もありますし。


このような場合、
テンプレートを簡単追加できますので、その方法を記します。
(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を再起動。

dd04.JPG


ダッシュボードデザイナーを見てみると、
テンプレートに右端に追加した3行の形のテンプレートが現れました。
(nameは3行と日本語で表示してみてますが、英語のほうがしっくりきますね)

こんな感じでテンプレートは追加可能です。
見たい内容にもよりますが、
高解像度の画面なら4×4の16個配置とかもありですね。


おまけですが、
pentaho-solutions\system\dashboards\themes
配下を追加すればテーマも好きにカスタマイズできます。
あまり需要もないのでやったことないですけど^^
(CSSの知識があれば可能かと)




★Have a nice open source BI day★
KSKソリューションズ Pentahoチーム

トラックバック(0)

このブログ記事を参照しているブログ一覧: ダッシュボードのテンプレートを追加する

このブログ記事に対するトラックバックURL: http://www.pentaho-partner.jp/mt/mt-tb.cgi/175

コメントする