折れ線グラフの作成

折れ線グラフは、時間の経過に伴う動向を表示するために使用されます。軸は常に X 軸上にあり、メジャーは常に Y 軸上にあります。

編集中のシートに折れ線グラフを作成できます。

折れ線グラフには、少なくとも 1 つの軸と 1 つのメジャーが必要です。

折れ線グラフには、2 つ以下の軸と 1 つのメジャー、あるいは 1 つの軸と 15 以下のメジャーを含めることができます。

折れ線グラフを作成したら、プロパティ パネルでスタイルの調整や他の設定の変更ができます。 スタイル指定に関する情報については、折れ線グラフのスタイル指定 を参照してください。チャートのスタイルの他の側面をカスタマイズに関する情報については、ビジュアライゼーションの外観の変更 を参照してください。

折れ線グラフのスタイル指定

プロパティ パネルには、さまざまなスタイル オプションが用意されています。 [外観] > [プレゼンテーション] の [ スタイル指定] をクリックし、チャート レベル (チャート全体) のテキスト、背景、データ ポイントのサイズ、線のスタイルを指定します。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。各セクションの横にある をクリックすると、スタイルをリセットできます。 [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。 ここでカスタマイズした内容は、アプリのテーマで設定されたスタイルに上書きされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。

テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   • タイトル

   • サブタイトル

   • 脚注

4. [チャート] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。

   • 軸タイトル: 軸のタイトルのスタイルを決めます。

   • 軸ラベル: 軸のラベルのスタイルを決めます。

   • 値ラベル: 線として構成されたメジャー値のラベルのスタイルを指定します。

   • 凡例タイトル: 凡例のタイトルのスタイルを決めます。

   • 凡例ラベル: 個別の凡例アイテムのラベルのスタイルを決めます。

背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、 [スタイル指定] をクリックします。

3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

   情報メモ

   URL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。

   詳細については、「CSP エントリの作成」を参照してください。

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

チャート レベルでのデータ ポイントのカスタマイズ

データ ポイントのサイズを設定できます。ここで定義した設定は、チャート内のすべてのメジャーに適用されます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

3. スタイル指定パネルの [チャート] タブの [データ ポイント サイズ] で、スライダーを調整して、チャートのデータ ポイントのサイズを変更します。

チャート レベルでの、メジャーの線のカスタマイズ

チャートの線のスタイルはカスタマイズできます。ここで定義した設定は、チャート内のすべてのメジャーに適用されます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

3. スタイル指定パネルの [チャート] タブに切り替えます。

4. [線オプション] セクションで、線の太さ、線タイプ (実線または破線)、線のカーブ (直線またはモノトーン) を調整します。

各メジャーの個別のスタイル指定

チャート内の各メジャーの線は、個別の設定でスタイルを指定できます。メジャーごとに、データ ポイントのサイズ、線の太さ、線の種類、線の屈曲度をカスタマイズできます。

次の手順を実行します。

1. プロパティ パネルで、[データ] セクションを展開します。

2. カスタマイズするメジャーをクリックします。

3. [スタイル指定] で、[追加] をクリックします。

4. データ ポイントのサイズ、線の太さ、線の種類 (実線または破線)、線の屈曲度 (直線またはモノトーン) を調整します。

アプリのテーマまたはチャート レベルのスタイル設定とは別に、カスタマイズの必要がある個々のメジャーごとにこれらの手順を繰り返します。

境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、 [スタイル指定] をクリックします。

3. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

4. 境界線の色を選択します。

5. [角の半径] を調整して、境界線の丸みを制御します。

6. [一般] タブの [影] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。

条件に基づいて軸とメジャーを表示/非表示にする

条件が true であるのか false であるのかによって軸またはメジャーを表示または非表示にできます。これは、表示条件と言い、式として入力されます。この項目の数式が true として評価される場合にのみ、軸またはメジャーが表示されます。この項目が空の場合、軸とメジャーが常に表示されます。プロパティ パネルの [データ] セクションで軸またはメジャーを展開し、[軸を表示する条件] または [メジャーを表示する条件] に式を入力します。

項目 Sales、Quarter、Year、Order Number などを持つデータセットがあるとします。年間集計のために、時間ベースの軸に沿って売上が表示されるようにチャートを構成できます。四半期ごとの集計用に 2 番目の軸を追加できますが、この軸によってデータを整理できるのは、会社の受注合計数が目標の 100,000 に達した場合のみです。

次の手順を実行します。

1. アセット パネルから、折れ線グラフをシートにドラッグします。

2. Quarter を軸として追加します。

3. プロパティ パネルから 2 番目の軸として Year を追加します。

   データ モデル内の個別の年は、グラフ内では別々の線になります。

4. メジャーとして Sum(Sales) を追加します。

5. プロパティ パネルで、軸 Manager を展開します。[軸を表示する条件] に、次の式を追加します。

   Count([Order Number])>100000

データに 50,000 件の注文レコードが含まれる場合、式は false と評価されるため、グラフは四半期ごとに売上を整理できません。データに 100,000 件以上の注文レコードが含まれる場合、Year と Quarter の両方で整理されます。

トレンド ラインの追加

チャートにトレンド ラインを追加できます。トレンド ラインを使用して、時間の経過に伴うデータの変化を視覚化します。

トレンド ラインの詳細については、「トレンド ライン」を参照してください。

次の手順を実行します。

1. プロパティ パネルで、[データ] セクションを展開します。

2. [メジャー] で、トレンド ラインを追加するメジャーを展開します。

3. [トレンド ライン] で、 [トレンド ラインの追加] をクリックします。

4. トレンド ラインの [ラベル] と [タイプ] を定義します。

5. [色] スライダーを使用して、色を [カスタム] または [自動] に定義します。

6. チェックボックスを使用して、 [破線] の表示をオンまたはオフに切り替えます。