はじめてのSAP Analytics Cloud BI – デザインのTips
Share

本ブログシリーズSAP Analytics CloudBI機能を使ってダッシュボードやレポートの作成を行う方を対象とし、SAP Analytics CloudBIにおける基本の操作やTipsをハンズオン形式でご紹介します。

本ブログでは、ストーリー作成時に役立つデザインのTipsをいくつかご紹介します。

Design01.png

 

目次:

  • ロゴ画像を挿入してみよう!
  • 背景色を変えてみよう!
  • 複数のウィジェットを一つのパネルにまとめてみよう!
  • ウィジェットの位置や大きさを細かく調整しよう!(キャンバスレイアウト)
  • チャートを綺麗に整列させよう!
  • オリジナルのカラーパレットを作成しよう!
  • (参考)完成したストーリーをテンプレートとして保存しよう!

※ SAP Analytics Cloudは、四半期に1度のペースで製品のバージョンアップが実施されます。そのため今後のバージョンアップにより、本ブログで紹介する画面キャプチャや、操作が異なる可能性があることをご了承ください。(本ブログは2026年3月に作成しています。)

 

ロゴ画像を挿入してみよう!

ストーリーに画像を挿入することができます。会社のロゴなどを入れてみましょう!

1. 挿入 > + > その他 > 画像をクリックします。
Design02.png
2. 「+画像の追加」をクリックし、任意の画像を選択します。
Design03.png
画像を挿入することができました!
Design04.png

 

背景色を変えてみよう!

ストーリーの背景の色を好きな色に変更してみましょう!

1. 右パネル(スタイルパネル)を開き、ストーリーの余白をクリックします。キャンバス > 背景色の「v」をクリックします。
Design05.png
2. 好きな色を選び、「OK」をクリックします。
Design06.png
3. (オプション)各ウィジェットの背景色を変更します。(デフォルトでは色なしのため背景と同化してしまいます)
ウィジェットをクリックし(Shift+クリックで複数選択でもOK)、ウィジェット > 背景色の「v」をクリックして色を変更します。
Design07.png
背景色を変更することができました!

Design08.png

複数のウィジェットを一つのパネルにまとめてみよう!

パネルを挿入して複数のウィジェットをまとめてスッキリさせてみましょう!

1. 挿入 > + > コンテナ > パネルをクリックします。Design09.png
2. 任意のウィジェットを挿入されたパネルにドラッグ&ドロップします。
Design10.png
パネルの背景色を変えて位置を調整することで、複数のウィジェットを一つのエリアにまとめることができました!
Design11.png

 

ウィジェットの位置や大きさを細かく調整しよう!(キャンバスレイアウト)

キャンバスレイアウトでストーリーを作成する際、マウスを使ってウィジェットの角で調整するだけでなく、ウィジェットの位置や大きさをピクセル単位で細かく調整することができます。

1. 右パネル(スタイルパネル)を開き、任意のウィジェットをクリックします。サイズと位置でピクセル単位で変更することができます。
Design13.png

 

2. (オプション)ピクセル単位ではなく、パーセントで設定することも可能です。パーセントで設定すると、ストーリーを開く画面の画素数が変更されてもウィジェットがそれに伴って大きさが変わり、画面いっぱいに表示することができておすすめです。(全てのオブジェクトをパーセントで設定する必要があります)
Design14.png
イメージ:
Design12.png
 3. (オプション)ウィジェットの角を丸くすることができます。スタイルパネルのウィジェット > 枠線を「すべての枠線」に変更し、コーナー半径を任意の値に変更します。Design15.png

チャートを綺麗に整列させよう!

散らばっている複数のウィジェットを一気に整列させてみましょう!

1. ウィジェットをShift+クリックで複数選択肢、「•••」をクリックし、ウジェットを整列より任意の操作を選択します。
Design17.pngウィジェットが綺麗に整列しました!
Design20.png 

オリジナルのカラーパレットを作成しよう!

チャートの色を好きな色で表示するオリジナルのカラーパレットを活用してみましょう!企業のイメージカラーに統一することでよりオリジナリティのあるストーリーを作成することができます。

1. 右パネル(ビルダパネル)を開き、チャートをクリックします。色内のデフォルトで設定されているパレットの鉛筆マークをクリックします。
Design21.png
2. ストーリーパレットの「+」をクリックします
Design22.png
3. 任意の色を設定し、「保存」をクリックします。Design23.png 
オリジナルのカラーパレットで表示できました!
Design24.png

(参考)完成したストーリーをテンプレートとして保存しよう!

綺麗に整えたストーリーをベースとして他のストーリーを作成できるようにしたい場合、テンプレートとして保存しておくことで効率的にストーリーを作成することができます。

1. ファイル > 保存 > テンプレートとして保存… をクリックします。
Design25.png
2.  任意の名前を入力して「保存」をクリックします。
Design26.png
3. 保存したテンプレートからストーリーを作成してみます。ナビゲーションバー > ストーリー > テンプレート より保存したテンプレートをクリックします。
Design27.png
テンプレートを活用してストーリーの作成ができるようになりました!
Design28.png

 

今回はデザインのTipsの紹介でした。SAP Analytics Cloudは他にも様々な表現や便利な機能があり、本ブログシリーズでご紹介しています。
はじめてのSAP Analytics Cloud BI – シリーズまとめ – SAP Communityからご参照ください。

 

 

 本ブログシリーズはSAP Analytics CloudのBI機能を使ってダッシュボードやレポートの作成を行う方を対象とし、SAP Analytics CloudのBIにおける基本の操作やTipsをハンズオン形式でご紹介します。本ブログでは、ストーリー作成時に役立つデザインのTipsをいくつかご紹介します。 目次:ロゴ画像を挿入してみよう!背景色を変えてみよう!複数のウィジェットを一つのパネルにまとめてみよう!ウィジェットの位置や大きさを細かく調整しよう!(キャンバスレイアウト)チャートを綺麗に整列させよう!オリジナルのカラーパレットを作成しよう!(参考)完成したストーリーをテンプレートとして保存しよう!※ SAP Analytics Cloudは、四半期に1度のペースで製品のバージョンアップが実施されます。そのため今後のバージョンアップにより、本ブログで紹介する画面キャプチャや、操作が異なる可能性があることをご了承ください。(本ブログは2026年3月に作成しています。) ロゴ画像を挿入してみよう!ストーリーに画像を挿入することができます。会社のロゴなどを入れてみましょう!1. 挿入 > + > その他 > 画像をクリックします。2. 「+画像の追加」をクリックし、任意の画像を選択します。画像を挿入することができました! 背景色を変えてみよう!ストーリーの背景の色を好きな色に変更してみましょう!1. 右パネル(スタイルパネル)を開き、ストーリーの余白をクリックします。キャンバス > 背景色の「v」をクリックします。2. 好きな色を選び、「OK」をクリックします。3. (オプション)各ウィジェットの背景色を変更します。(デフォルトでは色なしのため背景と同化してしまいます)ウィジェットをクリックし(Shift+クリックで複数選択でもOK)、ウィジェット > 背景色の「v」をクリックして色を変更します。背景色を変更することができました!複数のウィジェットを一つのパネルにまとめてみよう!パネルを挿入して複数のウィジェットをまとめてスッキリさせてみましょう!1. 挿入 > + > コンテナ > パネルをクリックします。2. 任意のウィジェットを挿入されたパネルにドラッグ&ドロップします。パネルの背景色を変えて位置を調整することで、複数のウィジェットを一つのエリアにまとめることができました! ウィジェットの位置や大きさを細かく調整しよう!(キャンバスレイアウト)キャンバスレイアウトでストーリーを作成する際、マウスを使ってウィジェットの角で調整するだけでなく、ウィジェットの位置や大きさをピクセル単位で細かく調整することができます。1. 右パネル(スタイルパネル)を開き、任意のウィジェットをクリックします。サイズと位置でピクセル単位で変更することができます。 2. (オプション)ピクセル単位ではなく、パーセントで設定することも可能です。パーセントで設定すると、ストーリーを開く画面の画素数が変更されてもウィジェットがそれに伴って大きさが変わり、画面いっぱいに表示することができておすすめです。(全てのオブジェクトをパーセントで設定する必要があります)イメージ: 3. (オプション)ウィジェットの角を丸くすることができます。スタイルパネルのウィジェット > 枠線を「すべての枠線」に変更し、コーナー半径を任意の値に変更します。チャートを綺麗に整列させよう!散らばっている複数のウィジェットを一気に整列させてみましょう!1. ウィジェットをShift+クリックで複数選択肢、「•••」をクリックし、ウジェットを整列より任意の操作を選択します。ウィジェットが綺麗に整列しました! オリジナルのカラーパレットを作成しよう!チャートの色を好きな色で表示するオリジナルのカラーパレットを活用してみましょう!企業のイメージカラーに統一することでよりオリジナリティのあるストーリーを作成することができます。1. 右パネル(ビルダパネル)を開き、チャートをクリックします。色内のデフォルトで設定されているパレットの鉛筆マークをクリックします。2. ストーリーパレットの「+」をクリックします3. 任意の色を設定し、「保存」をクリックします。 オリジナルのカラーパレットで表示できました!(参考)完成したストーリーをテンプレートとして保存しよう!綺麗に整えたストーリーをベースとして他のストーリーを作成できるようにしたい場合、テンプレートとして保存しておくことで効率的にストーリーを作成することができます。1. ファイル > 保存 > テンプレートとして保存… をクリックします。2.  任意の名前を入力して「保存」をクリックします。3. 保存したテンプレートからストーリーを作成してみます。ナビゲーションバー > ストーリー > テンプレート より保存したテンプレートをクリックします。テンプレートを活用してストーリーの作成ができるようになりました! 今回はデザインのTipsの紹介でした。SAP Analytics Cloudは他にも様々な表現や便利な機能があり、本ブログシリーズでご紹介しています。はじめてのSAP Analytics Cloud BI – シリーズまとめ – SAP Communityからご参照ください。  Read More Technology Blog Posts by SAP articles 

#SAPCHANNEL

By ali