書式の整った PixelPerfect グラフを作成する
QlikView または Qlik Sense データに基づいて PixelPerfect グラフを作成できます。また、グラフがソース ドキュメント内に存在しない場合は、PixelPerfect グラフを作成することもできます。この例では、高度なグラフィック属性の操作方法を示すため、QlikView オブジェクトが使用されています。
新規 PixelPerfect レポートの作成
以下を実行します。
- Qlik NPrinting メイン メニューで [レポート] を選択してから、[レポートの作成] をクリックします。
- レポートに [タイトル] を入力します。 Top 10 Countries Sales。
- [タイプ] ドロップダウン リストから [PixelPerfect] を選択します。
- [アプリ] ドロップダウン リストからアプリを選択します。
- [作成] をクリックしてレポートを作成します。
- [テンプレートの編集] をクリックして [テンプレート エディター] を開きます。
- 2 つのルーラーの間の角にある三角形をクリックし、Report Tasks ウィンドウを開きます。
- Measure Units ドロップダウン リストで、Pixels を選択します。
ワークスペースの書式設定の構成
以下を実行します。
- 一般的に、作業エリアの左下で固定されている Property Grid に移動します。
- 属性コントロールの Page Settings グループに移動します。
- Paper Kind を通常使用するサイズに変更します。
- 適宜 Margins を設定します。
- 下余白の点線をクリックし、350 ピクセル マークにドラッグします。
オブジェクトを表としてテンプレートに追加する
PixelPerfect グラフのデータ ソースは、テンプレート エディターの表ノードに追加された QlikView 表です。
以下を実行します。
- [表] ノードを右クリックし、[オブジェクトの追加] を選択します。
-
オブジェクト リストから CH186 を選択します。
- [OK] をクリックします。
グラフ オブジェクトの埋め込み
以下を実行します。
-
Tool Box から Chart オブジェクトをテンプレートにドラッグし、[詳細] 範囲の左上隅にドロップし、左余白と Detail バーの下側の枠線に合わせます。
グラフ ウィザードが Chart Type ページで開きます。
-
Chart Type に対して Bar を選択してから、ウィンドウの一番下で Next >> をクリックします。
Appearance ウィンドウが表示されます。
-
[パレット] ドロップダウン リストを開き、カラー パレットを選択します。
独自のパレットを作成するには、Edit palettes を選択します
-
Next をクリックして Series ウィンドウを開きます。
シリーズの作成と設定
以下を実行します。
- Series ウィンドウで、Series 2 を選択します。
- Remove を、Series ペインの下部でクリックします。
- Series 1 の Series name に「Sales」と入力します。
- Series Options タブをクリックします。
- Point sort order を Ascending に設定します。
-
Sort points by を Value に設定します。
また、Sort points by を Argument に設定し、カテゴリー名別、アルファベット順にポイントをリストすることもできます。
これにより、昇順で売上高の値を並べ替えた 1 つのシリーズを示すシンプルなグラフが作成されます。
凡例ポイントの設定
凡例の形式をカスタマイズできます。
以下を実行します。
- Legend Point Options タブをクリックします。
- Synchronize with point options の選択を解除します。
- Point view ドロップダウン リストを開いてから、Argument and Values を選択します。
- Value format を Currency に設定します。
-
Value precision を 0 に設定します。
これにより、小数点の右側の有効桁数をなしに設定します。
-
Next をクリックすると Data ウィンドウが表示されます。
引数と値をバインドする
以下を実行します。
- Data ウィンドウで、Series Binding タブをクリックします。
- Argument ドロップダウン リスト (Argument Properties ボックス内) を開きます。
- [CH186] ノードを展開します。
- CategoryName ノードをダブルクリックします。
- Value Properties の下で Value フィールド ドロップダウン リストを開きます。
- [Sales] ノードの下にある [CH186] ノードをダブルクリックします。
-
Next をクリックして Chart ウィンドウを開きます。
- もう一度 Next をクリックして既定の Chart 設定を確定し、Diagram ウィンドウを開きます。
ページの検査
以下を実行します。
-
Diagram ウィンドウを使用すると、図に関連したオプションを設定できます。たとえば、Rotate にチェックを入れて図を回転させます。
-
Next をクリックして既定の Diagram 設定を承諾し、Panes ウィンドウを開きます。
-
Next をクリックして既定の Panes 設定を承諾し、Axes ウィンドウを開きます。
ラベルの X 軸
以下を実行します。
- Axes ウィンドウで、Elements タブをクリックします。
-
[Visible] チェックボックスを選択します。
Antialiasing も自動的にアクティブ化されます。
-
テキスト フィールドに Category を入力します。
図が回転したため、テキスト フィールドは垂直軸に表示されます。
ラベルの Y 軸
以下を実行します。
- 上部のドロップダウン リストで Primary AxisX を Primary AxisY に変更します。
- 右側の Elements タブが選択されたままであることを確認します。
-
[Visible] チェックボックスを選択します。
Antialiasing も自動的にアクティブ化されます。
-
テキスト フィールドに Sales を入力します。
図が回転したため、テキスト フィールドは水平軸に表示されます。
ラベルのコンテンツの書式設定
以下を実行します。
- 右側の Labels タブを選択します。
- Auto タブを選択します。
- [書式] を Currency に設定します。
- Precision を「0」に設定します。
-
Next >> をクリックします
Series Views ウィンドウが開きます。
バーの色を設定する
Series Views ウィンドウでは、一部のビジュアライゼーション オプションをカスタマイズできます。
以下を実行します。
- Appearance タブをクリックします。
- Color ドロップダウン リストから、純粋な、飽和色の青 (0, 0, 255) を選択します。
-
Next をクリックして Point Labels ウィンドウを開きます。
ポイント ラベルのアンチエイリアシング
Point Labels ウィンドウでは、グラフのポイントのラベルをカスタマイズできます。
以下を実行します。
- Point Labels ウィンドウで、ポイントの表示をカスタマイズします。
- General タブの Text Settings の下にある Antialiasing ボックスにチェックマークを付けます。
ポイント ラベルのコンテンツを設定する
以下を実行します。
- Point Options タブをクリックします。
- Point view 設定を Values のままにします。
- Value format で Currency を選択します。
- Value precision を「0」に設定します。
-
Next をクリックして Chart Titles ウィンドウを開きます。
グラフ タイトルの追加
以下を実行します。
- Chart Titles ウィンドウで、Add をクリックして新しいタイトルを作成します。
- ヘッダーに「Sales by Category」と入力します。
-
Next をクリックして Legend ウィンドウを開きます。
グラフの凡例を設定する
以下を実行します。
-
Legend ウィンドウでグラフの凡例を設定します。凡例を表示するかどうか、および凡例の表示方法を設定できます。シンプルなグラフには凡例は必要ありません。そのため、Visible ボックスにチェックマークが付いていないことを確認します。
- Next ボタンをクリックして Annotations ウィンドウを開きます。注釈は追加されません。
- Finish ボタンをクリックしてグラフ ウィザードを閉じます。
- グラフの右下隅をドラッグし、利用可能なスペースすべてをフィルします。
プレビューと保存
以下を実行します。
- [プレビュー] をクリックします。
- レポートをチェックして閉じ、必要に応じてテンプレートを再度編集します。
- [保存して閉じる] をクリックしてテンプレートを保存し、[テンプレート エディター] を閉じます。
詳細を見る
- PixelPerfect グラフの作成 (英語のみ)