XMLファイルから天気予報のダッシュボードを作成④ ―ダッシュボード作成編―

第4回 パネルの配置とパラメータの設定

ダッシュボードは基本的にグラフ、レポートを選択して、位置を調整するだけで作成できいます。また、パラメータによる表示の切り替えやKPIアラートによる強調表示、画像とのマップ機能なども使用できます。
今回は作成したグラフレポートを使用して、ダッシュボードを作成し、パラメータによる表示切り替えの設定を行います。

実際にレポートを作成している動画です。

・パネルの配置
各パネルはボタンからグラフやチャートを選択すると、自動的にダッシュボード上に配置されます。その後、位置やサイズを調整することでダッシュボード自体は完成です。

・パラメータの設定
このままでは、レポートで使用している地域パラメータが変更できませんので設定用のパネルも配置していきます。
まず、パラメータ自体の設定です。この設定では各グラフやレポートで使用ているパラメータが同一のものかどうかを設定しています。今回はレポートのパラメータ一つのみであるため、図のように一つだけ設定していますが、ここに複数のパラメータを設定することで、そのパラメータは共有のものとして扱われます。

そして、このパラメータをリストもしくはドロップダウンメニューとして、ダッシュボードに配置します。
リストは左のように選択項目が一覧で表示されます。項目が少ない場合や項目を複数選択するような場合に適しています。
ドロップダウンメニューはクリックすると項目メニュー形式で表示されます。項目が多い場合やパラメータが多く複数設置しなければいけない場合に適しています。

天気予報ダッシュボード作成の連載としては、ここで一旦終了です。今回の連載はEspress Report ESの基本的な使い方をメインに行ってきましたが、次回の連載ではデータソースにDBを使用し、ドリルダウン機能やKPIアラート機能も紹介していきたいと考えています。

タグ: , , , , , , , , ,

XMLファイルから天気予報のダッシュボードを作成③ ―レポート作成編―

第3回 レポートデータマッピングとレポートデザイン

今回は前回作成したグラフとは別に、レポートを作成していきます。レポートの作成もグラフと同様に、データの対応付けとデザインの作成という、2ステップです。

実際にダッシュボードを作成している動画です。

・レポートデータマッピング
まずはデータソースと使用するレポート形式を設定します。レポート形式には5種類あり、それぞれデータの配置の仕方が異なります。
各形式の配置についてはこちらのブログをご参照ください
実際の配置している画面が下の図です。このレポート形式はCrosstab Report – クロス集計レポートです。クロス集計レポートははじめ列とはじめの行の交わる点に値を配置しますので、どの列のデータが変わったらレポートの行を変更するか(Row Break)、どの列のデータが変わったらレポートの列を変更するか(Column Break)を設定する必要があります。また今回の動画では使用していませんがクロス集計レポートでは最終行に合計や平均などを計算する行を配置できます。

・レポートデザイン
レポートの場合はグラフ作成時とは異なり、ウィザード中に簡単なデザインを決定します。このデザインはマニュアルで行うことも可能ですが、ここで設定しておくことで簡単にきれいなレポート作成できます。
下の画面ではレポートのタイトルやロゴ、ページ番号などを設定しています。

下の画面ではレポートのスタイル(色や罫線の引き方)等を設定しています。

これで、基本的なデザインの設定は完了です。あとはレポートの細かいバランスを調整したり、日付のフォーマットを設定しています。
また、レポートの項目については計算した値を表示することも可能です。下の図ではデータソースの情報に”埼玉県 “という文字列を追加するように設定していますが、合計(SUM)や前後スペース消し(trim)などの関数も使用できます。

データマッピングとデザインが終わればレポート作成は完了です。次回はダッシュボードを作成していきます。

XMLファイルから天気予報のダッシュボードを作成④ ―ダッシュボード作成編―

タグ: , , , , ,

レポート形式の種類とデータソースとの対応について

Espress Reportにおけるレポート形式は5種類あり、その形式とデータソースの列を対応付けすることでレポートを作成しています。この記事ではそれぞれ形式の場合にデータソースの各列がどのように対応付けされ配置されるのかを紹介しています。

・5種類のレポート
Simple Columnar Report – シンプル帳票レポート
Summary Break Report – サマリブレークレポート
Crosstab Report – クロス集計レポート
Master& Details Report – 基本詳細レポート
Mailing Label Report – 宛名ラベルレポート
レポートサンプルページはこちら

・Simple Columnar Report – シンプル帳票レポート
このレポートはもっとも単純なもので、列の順番や行の順序を変更することはできますが、基本的にはデータソースのデータをそのままの配置します。

・Summary Break Report – サマリブレークレポート
このレポートは指定した列の重複部分をまとめた形で作成するものです。下の図では列①と列②を指定することで、列をまとめています。

・Crosstab Report – クロス集計レポート
このレポートは、はじめの列とはじめの行が交差した項目にデータを配置する形式です。下の図では列①をはじめの列、列①をはじめの行、列③、列④を交差した項目に置く値に指定しています。値が2個ある場合も図のように行の一つの項目に2列で値が表示されます。

・Master& Details Report – 基本詳細レポート
このレポートは、指定した列を基本情報として表の上部に配置し、その他の列を、その情報に対する表として表示するものです。図では列①と列②を基本情報として指定しています。

・Mailing Label Report – 宛名ラベルレポート
このレポートではデータソースの各行を列として配置します。

このような5種類のレポート形式をもとにレポートを作成していきます。

タグ: , , , , ,

XMLファイルから天気予報のダッシュボードを作成② ―グラフ作成編―

第2回 チャートデータマッピングとグラフデザイン

今回は前回と同様の手順で作成した、XMLデータソースを利用して最高気温と最高温度の週間予報を表すグラフを作成していきたいと思います。

実際のグラフを作成している動画です。

・チャートデータマッピング
グラフ作成には大きく分けて2ステップあります。まず第1のステップはデータソースを読み込み、各列(Column)をグラフ(Chart)の要素に対応付けしていくステップです。
まずデータソースの読みこみですが、この際に2つのデータソースを指定する場合には、自動的にその列名は変換され、二つのデータソースが結合した状態のものが作成されます。

次に、この読み込んだデータの各列をグラフの要素に対応付けしていきます。グラフの要素はその形式(棒グラフや円グラフ)によって異なってきますが、基本的な要素はデータ系列(DataSeries)、分類(Category)、値(Value)の3つです。
データ系列(DataSeries)にはA,B,Cというように分けてグラフを描画したい場合に、その列を指定します。
分類(Category)にはX軸上の場所を指定したり、分けて表示するための列を指定します。
値(Value)にはY軸上の値の列を指定します。

今回のHigh Low Chartではデータ系列(DataSeries)は特になし、分類(Category)は日付、値(Value)の部分は最高値(High)、最低値(Low)、終値(Close)という用に分かれていますので、最高温度と、最低温度を最高値(High)、最低値(Low)に、終値(Close)は特に使用していません。
また2nd ValueではY軸に新たな軸を追加して、線や棒グラフなどを追加することも可能です。

・グラフデザイン
グラフのデザインを作成していきます。デザインの設定は数多くあり、ここでは紹介しきれませんので、今回は動画で使用している特徴的な設定について2つ解説させていただきます。
まずグラフ特定エリアを指定して色の設定などを行うInsert → Contorol Areaについてです。この設定では縦軸の値、もしくは横軸の値の範囲を指定することで、そのエリアに色を設定することが可能です。

次、にグラフ内への値の表示を行う設定です。この設定はFormat → Data Properties内のTop Label Propertiesから設定します。このような設定を行うことで、グラフの変化だけでなく、その時の値を一目で把握することが可能です。

作成したグラフは、テンプレートとしても利用できますので、データソース形式が違う場合でも再度マッピングを行えば同じデザインでグラフの作成が行えます。

以上でグラフ作成編は終了です。次回は株価のレポートをドリルダウン機能なども交えながら作成していきます。

タグ: , , , , , ,

XMLファイルから天気予報のダッシュボードを作成① ―データソース登録編―

第1回 XMLファイルの指定とデータ抽出クエリの作成

今回の記事は天気情報を含むXMLファイルから、データを抽出し、グラフ、レポート、ダッシュボードの作成していく連載記事の初回、データソースの登録方法についてです。

実際にデータソースを登録している動画です。

・XMLファイルの指定
EspressシリーズではXMLファイルをデータソースとして扱うことが可能です。
これにより、XMLを利用したコンテンツ配信フォーマット (RSS) の情報をダッシュボードなどに組み込むことも容易に行えます。

以下が、ファイル指定を行っている画面です。(xmlファイルを指定するだけですので、インターネット上のファイルも指定できます。)
この画面からもわかるようにXMLファイルの他にDTDやXSDなどの定義情報ファイルを指定した頂く必要があります。

そのため、独自形式で配信されているXMLを利用する場合はこのDTD等をユーザが作成し、指定する必要があります。
今回は、Trangを使用してXMLファイルからDTDファイルを作成しています。

そして、DTDファイルではデータ型の指定がされていないので、使用する項目に対して、データ型の設定を行います。

これで、ファイルの指定は完了です。

・データ抽出クエリの作成
XMLファイルからどのデータを抽出するか設定します。
まず以下の画像のようにAvailable Fieldsから、使用する項目を選択しADDでSelected Fieldsに追加していきます。

次にConditionsタブに移ります。このConditionsタブでは抽出するデータを制限することが可能です。以下の画像では地域が格納されているarea/@idがある地域「area」である場合にデータを抽出する設定をしています。
この条件設定の際に直接、値を指定することも可能ですが、「:」コロンから始まる文字列を条件に設定するとその文字列はパラメータとして扱われ、グラフやレポート作成時に指定することが可能になります。

このパラメータを使用する場合にはInitialize parameterからパラメータの一覧作成や初期値を設定する必要があります。
パラメーターの一覧作成方法としてはMap to XML fieldからXMLの項目と対応付けして自動で作成する方法と、Use vustom select choicesで手動で作成する方法があります。

作成したデータ抽出クエリはDataSheetタブから現在のデータを実際に抽出して確認することが可能です。

このようにして、作成したデータソースを利用してグラフやレポートを作成していきます。
次回の連載では最高温度と最低温度の変化をグラフとして表示する方法を案内させていただきます。

XMLファイルから天気予報のダッシュボードを作成② ―グラフ作成編―

タグ: , , ,

fontconfigファイルを編集してJAVAアプレットの文字化けを解消する

JAVAをインストールする環境によってはアプレット内の文字が四角”□”に文字化けしてしまう場合があります。これによりEspressChartやEspressReportでも文字化けが発生します。

発生する原因としては、JAVAがデフォルトで使用するフォントが指定しているパスに存在していない場合やそのフォントに日本語のフォントが含まれていないために発生します。

これを解決するためには、fontconfigというフォントのマッピングを設定しているファイルを編集するか、そこで指定されているパスにフォントを配置する必要があります。

このfontconfigは以下のような種類があり、上から順番に参照し、当てはまったものを適用します。またここでのOSとVersionはjava.homeのシステムプロパティに記載されているOSとバージョンで判断しています。
JavaHome/lib/fontconfig.OS.Version.properties
JavaHome/lib/fontconfig.OS.Version.bfc
JavaHome/lib/fontconfig.OS.properties
JavaHome/lib/fontconfig.OS.bfc
JavaHome/lib/fontconfig.Version.properties
JavaHome/lib/fontconfig.Version.bfc
JavaHome/lib/fontconfig.properties
JavaHome/lib/fontconfig.bfc

対象のfontconfigを編集して行くのですが、.bfcファイルはバイナリファイルであるため、基本的には.propertiesファイルを編集して行きます。
フォントのパスは以下のように指定されています。
# Font File Names

filename.フォント名=フォントファイルパス

ここのパスを存在するフォントのパスに変更するか、このパスにフォントを配置するかすることで、文字化けは解消します。
また、このfontconfigを変数することでアプレットで表示されるデフォルトの文字を任意のものにも変更できます。

ダッシュボードからグラフ、表をPDFやエクセルでダウンロード

 

EspressReport ESやEspress DashBoardで作成したダッシュボードからもグラフ・チャートのイメージやレポートをPDFやエクセルで出力したものをダウンロード可能です。

をクリックするとエクスポートする種類を選択するウィンドウが表示されます。

どの形式で出力するか選択します。レポートの場合、ページ分割の設定やPDFに対して暗号化を行うといった設定、グラフ・チャートの場合圧縮率やクオリティの設定が可能です。

レポート出力設定         グラフチャート出力設定

FLASH形式のイメージ出力例

出力形式一覧

グラフ・チャートイメージ出力
GIF GIF画像です。背景の透明化設定が可能です。
JPEG JPEG画像です。品質を設定できます。
PNG PNG画像です。圧縮率を3段階で設定できます。
SVG SVG画像です。2Dベクター画像記述言語による保存形式です。
PDF PDFドキュメントです。内部で文字とチャートは分けて保存されます。
EXCEL エクセルファイルとして出力されますが、内部では画像として保存されています。
FLASH アニメーションやマウスポインタを乗せた時の表示などを含むイメージとして保存されます。
グラフ・チャートデータ出力
Text 元データをテキスト形式で出力します。
XML 元データをXML形式で出力します。
MAP チャート内の位置情報とその位置にマウスポインタがある際に表示する情報の対応付けを出力します。
レポート出力
DHTML DHTML形式で表示フォーマットも含め出力します。
PDF PDFドキュメントとして出力します。
Rich Text リッチテキストで表示フォーマットも含め出力します。
XLS エクセルとして表示フォーマットも含め出力します。
XLSX 2007形式のエクセルとして表示フォーマットも含め出力します。
Text レポートデータのみテキストで出力します。
XML レポートデータのみXML形式で出力します。
CSV レポートデータのみCSV形式で出力します。

 

タグ: , , ,

EspressChart/Report 問い合わせ時に必要な全データ入りのPAC/PAKファイル

EspressChartの評価版や製品版をご使用の場合でお問い合わせいただく際は、PACファイルを送付いただきますようお願いいたします。

●EspressChart PACファイルでの保存方法

Chart Designerのメニュー「File」から「Save As」を選択し、Typeで「PAC」を選択して保存します。

EspressReportの評価版や製品版をご使用の場合でお問い合わせいただく際は、PAKファイルを送付いただきますようお願いいたします。

●EspressReport PAKファイルでの保存方法

Report Designerのメニュー「File」から「Save As」を選択し、「Save All Data」にチェックを入れて保存します。

PACファイルやPAKファイルは、データベースなどのデータソースのデータを含めた形で保存する形式のため、これらのファイルを送付いただくことでお問い合わせに対しての調査や回答がスムーズに進みます。

EspressChartから SAP MAXDBへの接続し, チャート出力手法【Javaチャート・グラフ作成ツールEspressChart】

EspressChartから SAP MAXDBへの接続し、そのデータからチャートを生成することができます。

○ChartDesignerを使用して:

Step 1:
SAP MAXDBでテーブルを作成し、そのテーブルにレコードをインサートします。
例として、それを「SAPMAXDB商品」とします。

Step 2:
WebかインストールしたMAXDBディレクトリからsapdbc.jarファイルをダウンロードします。

Step 3:
EspressChart libディレクトリーにsapdbc.jarファイルをコピー

Step 4:
EspressManager.batファイルをテキストエディータで開いて、”.libsapdbc.jar”のパラメータを追加します。
例:
set JAVA_EXECUTABLE=C:Program FilesJavajdk1.5.0_06binjava.exe
set PATH=%PATH%;.lib
%JAVA_EXECUTABLE% -Xmx32M -classpath “.libEspressManager.jar;.libsapdbc.jar;.libFlashExport.jar;
.libqblicense.jar;.libExportLib.jar;.;.libjaxp.jar;.libparser.jar;.libSVGExport.jar”
quadbase.common.server.Server -monitor:ON -log -DBBuffer:1 -DBCleanAll:600 -xmlEncoding:ISO-2022-JP
Japanese.txt -enc:Shift_JIS

Step 5:
designer.batファイルをテキストエディータで開いて、”.libsapdbc.jar”のパラメータを追加します。
例:
set JAVA_EXECUTABLE=C:Program FilesJavajdk1.5.0_06binjava.exe
set PATH=%PATH%;.lib
%JAVA_EXECUTABLE% -classpath “.libChartDesigner.jar;.libsapdbc.jar;.libFlashExport.jar;
.libExportLib.jar;.libqblicense.jar;.;.libjaxp.jar;.libparser.jar;.libSVGExport.jar”
quadbase.chart.designer.InitFrame %1 %2 %3 %4 %5 %6 %7 %8 %9 -xmlEncoding:ISO-2022-JP -file:

Step 6:
Programs=>EspressChart=>EspressManagerから EspressManagerをスタートさせます。

Step 7:
Programs=>EspressChart=>ChartDesignerから Chart Designerをスタートさせます。

Step 8:
ログイン・ウィンドウからユーザ名とパスワードを入力します。

Step 9:
新たなData Registry「SAPMAXDB商品」をスタートさせます。

Step 10:
データベース・オブジェクトを選択し、「ADD」ボタンをクリックし、接続情報を入力します。

Step 11:
「OK」をクリックするとウィザードにデータベース名が表示されます。

Step 12:
Queries(クエリ)を選択し、ADDボタンをクリックします。

Step 13:
SQL名を入力し、「Open quary builder」を選択し、「OK」をクリックします。

Step 14:
クエリーを生成したいフィールドをダブルクリックします。

Step 15:
ウィザードにクエリーが現れます。ここで「Next」をクリックします。

Step 16:
Chart Wizardが表示されます。こので「Next」をクリックします。

Step 17:
Chart Wizardで「ProcessData」 オプションを選択します。

Step 18:
同じChart Wizardでチャートタイプを選択します。

Step 19:
スクリーン上に指定したチャートが表示されます。

○EspressChartAPIを使用して、MAXDBを使用したチャート生成方法

EspressChart API にドライバー名とulrを設定します。
例:

DBInfo dbinfo = new DBInfo(
jdbc:sapdb:MAXDB1?unicode=yes, // URL
com.sap.dbtech.jdbc.DriverSapDB, // JDBC driver
DBADMIN, // username
password, // password
select * from 商品); // SQL

QbChart chart = new QbChart
(applet, // applet
QbChart.VIEW2D, // Two Dimensional
QbChart.STACKCOL, // Column Chart
dbinfo,
true,
colInfo,
null);

(注)この例ではEspressChartを利用してSAP MAXDBからのデータを基にチャートを作成する方法ですが、同様な手法でEspressReportを利用してレポートとチャートを作成することも可能です。

タグ: ,

EspressReport/Chartを活用して、HP Verticaからのレポート・チャートの展開方法

HP Verticaはリアルタイム分析データベース・ソフトです。EspressReport/Chartを活用してHP Verticaからのデータを簡単に、そしてダイナミックにチャート、レポートに展開することができます。ここではEspressReportを使用してレポートへの展開方法を紹介します。

1. HP VerticaサイトからVertica JDBC driver をダウンロードします。

2. Espressmanager.batファイルを編集して、パスにvertica jar ファイルを追加します。

3. VerticaデータベースにEspressReportからJDBC接続を行い、Data Source Managerで DataRegistryとして追加します。

4. Query Builderでレポートに追加したいテーブルを選択・追加します。

5. Report Wizardでレポートのオーバービュを確認します。

6. Report Designerでレポートのフォーマット(形式)を指定し、さらに詳細なデザインを行います。

7. Previewでデザインしたレポートを確認します。

同様にEspressChartでもチャートに展開することができます。

タグ: , , , , ,