[{"id":"3d06deaa-2e4d-479c-b95a-2dcb8abfc887","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"e822faa9-5b39-474c-8f04-d95dcd787a4e","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"091ec731-67fd-4a2a-a703-3728fe885481","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"c4d1bedb-691f-49bb-96ed-65f91b580b0c","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"83de1fff-256a-4bcf-9d47-c12ac032a9e4","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"844918ae-7b53-4e16-8a83-4d9203303aa2","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"eaf39ba6-65df-466b-bc99-d40907e64e8e","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"65c6fd4f-dc15-4112-b00a-45207cea85fc","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"460f9118-8a3c-40da-8eba-63a1ba9df454","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"d2fc8bc1-89bf-4483-a3c2-be4be40fff31","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"b63907ef-97db-412d-b9e9-61e1cb319d27","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"d7124176-a563-4cf4-8f9a-f8ae3af669ac","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"f1ef6a79-1200-4477-bf3b-d1f4b52bf586","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"4b1a964f-7b24-4943-a2e2-77ff450e1f1d","tags":[{"product":null,"links":null,"id":"92283933-94f9-4e9a-8d93-15ba4ec8b3ec","name":"upd","color":"#7e678a","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"ab703b5b-c2f4-48dc-925d-878261bce75f","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]},{"id":"a4de2920-3951-4baf-a478-888961b5e3c4","tags":[{"product":null,"links":null,"id":"e1d31134-0bda-4c05-bee0-b1f21f82940b","name":"new","color":"#00A273","productId":"77f3d9a0-2c87-4130-b77a-b94ccf13e3cb"}]}]
        
(Showing Draft Content)

折れ線

折れ線プロットは、一定期間におけるデータ値の変化を追跡したり、同じ期間内に複数のデータ値の変化を比較したりするのに役立ちます。デフォルトでは、折れ線プロットは期間を水平に配置し、垂直軸に沿ってデータ値をポイントにエンコードして線で接続します。[X軸/Y軸を入れ替える]「はい」 に設定すると、プロットは期間を垂直に配置し、水平軸に沿ってシンボルを配置します。

折れ線

折れ線プロットは、1つのデータ値の変化を表示します。

たとえば、「折れ線」デモでは、1年にわたる製品の返品の変化を示します。


複数の折れ線

複数の折れ線プロットを使用すると、データ値をサブカテゴリに分割して、変更をより詳細に分析できます。

たとえば、「複数の折れ線」デモでは、「Online」および「Store」の販売チャネル毎に、1年間の商品の純売上高の変化を示します。


複数値の折れ線

同じ期間における複数の関連するまたは関連しないデータ値の変更を表示することができます。たとえば、「複数値の折れ線」デモでは、1年間で純売上高、売上原価、および純利益がどのように変化するかを示します。


折れ線のプロットテンプレートとそのプロパティを使用して、上記のすべてのチャートの種類を構成できます。

次のデモを使用して、プロットのプロパティを試すことができます。デモでは、エクスプローラに移動し、 [プロット-[Plot 1]] を選択し、プロパティタブを使用してプロットの設定を変更できます。

チャートウィザード

レポートにChartデータ領域を追加し、チャートウィザードの最初のページでプロットの種類を「折れ線」に設定し、[次へ]をクリックすると、ウィザードに[折れ線 設定]ページが表示されます。


[データ] セクションでは、1つ以上のデータ値を追加できます。

[カテゴリ] セクションでは、カテゴリエンコーディングを設定できます。

[サブカテゴリ] セクションでは、詳細エンコーディングを構成できます。

データ値

折れ線プロットの値コレクションは、時間の経過とともに変化するデータ値を決定します。値コレクションは、次の2つのプロパティで構成されます。チャートウィザードは、[データ]セクションに値コレクションをフィールドとして表示します。

  • Value: バインドされたフィールドの参照です。プロパティタブには値がコレクションとして表示されるが、折れ線プロットは最初の項目のみを受け取ります。チャートウィザードは、値をフィールドとして表示します。

  • 集計: CountやAverageなどのオプションの関数であり、多くのフィールド値を1つの値に減らします。

複数値の折れ線」デモに示したように、複数のデータ値によって複数の行が生成されます。[凡例に値の名前を表示]「はい」 に設定すると、データ値と対応する線の色を表示する凡例が追加されます。データ値項目の**[キャプション]**プロパティを使用して、表示名を設定できます。

カテゴリエンコーディング

カテゴリエンコーディングは、データ値を表す接続されたデータポイントを生成する期間を決定する一連のプロパティです。

  • カテゴリ: バインドされたフィールドの参照です。これらのフィールドの値と一致するデータセットのレコードは、同じカテゴリに分割されます。異なるカテゴリが期間を形成します。たとえば、「折れ線」デモでは、チャートがデータレコード毎にReturn QuantityとSalesDateのフィールドを持つ Sales データセットにバインドされます。プロットのカテゴリエンコーディングの式は、 「{MonthName(Month(SalesDate))}」 に設定されています。これにより、プロットは SalesデータセットSalesDate フィールドから個別の月を検索し、月ごとに1つのカテゴリを生成します。出力をプレビューすると、横軸に沿って12か月が表示されます。

  • カテゴリの並べ替えの式: カテゴリ値の表示順序を決定します。たとえば、「折れ線」デモのプロットでは、カテゴリを時系列の順に並べ替えるために、カテゴリの並べ替えの式は 「{Month(SalesDate)}」 に、カテゴリの並べ替えの順序は 「Ascending」 に設定されます。

チャートウィザードは、[カテゴリ] セクションではカテゴリエンコーディングに対して次のプロパティを提供します。

  • フィールド: 単一のカテゴリ式をフィールドとして表示します。

  • 並べ替え: カテゴリエンコーディングの並べ替えの順序は、[並べ替え]プロパティのみを表示します。並べ替え式は、フィールドプロパティと同じ値に自動的に設定されます。

詳細エンコーディング

詳細エンコーディングを使用すると、データ値をサブカテゴリに分割して、より詳細に比較できます。

詳細プロパティは、これらのサブカテゴリを定義する項目のコレクションです。各項目には、いくつかのプロパティが含まれています。

  • 値: 1つ以上のバインドされたフィールドの参照です。これらのフィールドの値と一致するデータセットのレコードは、同じサブカテゴリに分割されます。たとえば、「複数の折れ線」デモでは、プロットの詳細値は「{ChannelKey}」です。これにより、各月の売上高は、それぞれがデータポイントを生成するOnlineとStoreのサブカテゴリに分割されます。

  • null値を除外: 詳細値が定義されていないデータセットレコードを除外するかどうかを示します。

  • 並べ替えの順序: サブセクションの表示順序を決定します。

チャートウィザードは、[サブカテゴリ]セクションでは詳細エンコーディングに対して次のプロパティを提供します。

  • フィールド: 単一の値項目をフィールドとして表示します。

  • 内訳: 詳細エンコーディングのグループプロパティは、内訳として表示されます。

  • 並べ替え: 詳細エンコーディングの並べ替えの順序は、[並べ替え]プロパティのみを表示します。並べ替え式は、フィールドプロパティと同じ値に自動的に設定されます。

カラーエンコーディング

カテゴリエンコーディングまたは詳細エンコーディングに対して色の凡例を表示します。[式][凡例の集計] を使用して、多くの値を1つの値に減らします。

詳細エンコーディングが空の場合、折れ線プロットはカテゴリエンコーディングによって生成されたカテゴリの個別のカラーエンコーディング結果を計算し、それらを対応するシンボルの背景色に変換します。

それ以外の場合、プロットは詳細エンコーディングによって生成されたサブカテゴリの個別のカラーエンコーディング結果を計算し、それらを対応する線の色に変換します。

両方の場合は、プロットはパレットから色を取得し、色とエンコーディング結果の一致した値を凡例に表示します。

たとえば、「複数の折れ線」デモでは、凡例の式が 「{ChannelName}」 に設定されています。したがって、出力されたレポートには、チャネル名と対応する線の色を表示する凡例が追加されます。

メモ:[スタイル]セクションの[線の色]プロパティを設定して、カラーエンコーディングがどのように動作するかを確認できます。

凡例プロパティはコレクションですが、プロットは最初の項目のみを受け取ります。

形状エンコーディング

カテゴリエンコーディングまたは詳細エンコーディングに対して形状凡例を表示します。 [式][形状の集計] を使用して、多くの値を1つの値に減らします。

詳細エンコーディングが空の場合、折れ線プロットはカテゴリエンコーディングによって生成されたカテゴリの個別の形状エンコーディング結果を計算し、それらを対応するシンボルの形状に変換します。

それ以外の場合、プロットは詳細エンコーディングによって生成されたサブカテゴリの個別の形状エンコーディング結果を計算し、それらを対応するシンボルの形状に変換します。

たとえば、「複数の折れ線」デモでは、形状の式を 「{ChannelName}」 に設定すると、「Online」「Store」 チャネルに対して異なるシンボルが表示されます。

メモ: [シンボル] セクションの [シンボルの形状] プロパティを 「Auto」 設定して、形状エンコーディングがどのように動作するかを確認できます。


メモ: 形状プロパティはコレクションですが、プロットは最初の項目のみを受け取ります。

サイズエンコーディング

サイズ凡例を表示し、 [式][サイズの集計] を使用して、多くの値を1つの値に減らします。サイズエンコーディングは数値データでのみ機能し、シンボルのサイズを決定する範囲にデータ値を分割します。また、サイズエンコーディングを使用して、折れ線グラフに追加情報を表示できます。

複数の折れ線」デモでは、サイズプロパティの [式]「{SalesAmount}」 に設定し、[サイズの集計]「Count」 に設定すると、プロットはシンボルのサイズを使用して各月の売上数を表示します。


メモ: サイズプロパティはコレクションですが、プロットは最初の項目のみを受け取ります。

外観の構成

次のプロパティを使用して、折れ線プロットを形成するシンボルと線を微調整できます。任意の折れ線グラフのデモでは、次のプロパティを使用して、実際の効果を確認できます。

不透明度シンボルの不透明度: シンボルと線の不透明度をパーセント値で定義します。0%を設定すると完全に透明になり、100%を設定すると完全に不透明になります。

線の側面: データポイントを接続する線のスタイルを決定します。

  • Default: 直線を表示します。

  • Spline: ベジェ曲線を表示します。

  • StepCenter、StepLeft、StepRight: ステップ方向が異なるステップラインを表示します。

null値の表示: null値のデータポイントの配置を示します。

  • Gaps: nullデータポイントとその前後のポイントの間に線を引きません。

  • Zero: nullデータポイントの値が0であると見なされます。

  • Connected: nullデータポイントとその前後のポイントを接続します。

クリッピングモード: プロットを描画する方法を示します。

  • Fit: プロットをエリアに収めるように利用可能なすべてのスペースを使用します。

  • Clip: プロットエリアの境界内に合わせてエリアを切り取ります。

  • None: Fitと同じです。

[スタイル]セクション

  • 線の色線のスタイル線の幅: データポイントを接続する線の外観を設定します。

[シンボル]セクション

  • シンボルの表示シンボルの形状背景色: シンボルの外観を設定します。[シンボルの形状]が 「Auto」 の場合、プロットはデフォルト値を選択するか、形状エンコーディングを適用します。

ツールチップとラベルのカスタマイズ

テキストエンコーディングのコレクションを使用して、データポイントのシンボル上にカスタマイズされたラベルとツールチップを表示するように折れ線グラフを構成できます。このコレクション内の各項目には次のプロパティがあります。

  • :バインドされたフィールドの値を参照できる式です。

  • テンプレートキー:テキストエンコーディング項目を表すためにラベルまたはツールチップのテンプレート内で使用される文字列です。

  • ターゲット:テキストエンコード項目がプロットのラベルを対象にして設定するかツールチップを対象にして設定するかを指定するプロパティです。

  • 集計:CountやAverageなどのオプションの関数であり、多くのフィールド値を1つの値に減らし、現在の詳細またはカテゴリのスコープで評価されます。

テキストエンコーディングのコレクションに項目を追加すると、各項目の[ターゲット]プロパティに基づいて、ラベルまたはツールチップに構成された値が自動的に表示されます。ラベルとツールヒントのテキストをさらにカスタマイズするには、ツールチップのテンプレートおよびラベルテキストのテンプレートの式を使用できます。

テンプレートキーによって参照されるテキストエンコーディング項目の他に、ツールチップのテンプレートおよびラベルテキストのテンプレートの式を使用して、次の事前定義された値を利用できます。

  • Value Field Name :データ値にバインドされたフィールドの名前を表示します。

  • Value Field Value : カテゴリまたは詳細内の現在のデータ値を表示します。

  • Percentage In Details :同じ詳細を持つすべての値の中で現在のデータ値のパーセンテージを表示します。

  • Percentage In Category :同じカテゴリを持つすべての値の中で現在のデータ値のパーセンテージを表示します。

  • Category Field Name :カテゴリエンコーディングにバインドされたフィールドの名前を表示します。

  • Category Field Value :現在のカテゴリエンコーディングの値を表示します。

  • Details Field Name :詳細エンコーディングにバインドされたフィールドの名前を表示します。

  • Details Field Value :現在の詳細エンコーディングの値を表示します。

  • Color Field Name :カラーエンコーディングにバインドされたフィールドの名前を表示します。

  • Color Field Value :現在のカラーエンコーディングの値を表示します。

  • Shape Field Name:シェイプエンコーディングにバインドされたフィールドの名前を表示します。

  • Shape Field Value:現在のシェイプエンコーディングの値を表示します。

  • Size Field Name:サイズエンコーディングにバインドされたフィールドの名前を表示します。

  • Size Field Value:現在のサイズエンコーディングの値を表示します。

また、テンプレートの式エディタを使用して、補間構文サポートされているフォーマット済み文字列によって、これらの値を組み合わせて書式設定できます。たとえば、「複数の折れ線」デモでは、ラベルのテキストテンプレートを 「{valueField.value:C2}」 に設定して、純売上高を通貨として表示できます。

「複数の折れ線」デモでは、次のようにテンプレートが構成されています。

  • テキストエンコーディングには、販売されたアイテムの数を表示するSalesQuantity要素が含まれています。

    • 値:{SalesQuantity}

    • テンプレートキー:SalesQuantity

    • ターゲット:Tooltip

    • 集計:Sum

  • ツールチップテンプレートは次の式で構成されています。

Quantity: {SalesQuantity}
Amount : {valueField.value:C2}

ラベルの外観

[ラベルのテキスト] セクションのテキストプロパティ[ラベルの境界線] セクションの罫線プロパティを使用して、プロットラベルのパラメータを設定できます。

[ラベルのテキスト] セクションの 位置オフセット (ピクセル単位)により、親データポイントを基準にしたラベルの位置が決まります。

  • Inside: 内部に位置します。

  • Outside: 外部に位置します。

  • Center: 中央部に位置します。

  • Auto: 外部に位置します。

ラベルの重複: 重複するラベルを表示または非表示にします。

  • Auto: 重複を防ぐためにいくつかのラベルを非表示にします。

  • Show: 重複するラベルを表示します。

[ラベルの罫線] セクションのプロパティを使用して、ラベルと親データポイントの間に接続する線を追加できます。[位置] プロパティは、ラベルのバウンディングボックスと線の接続ポイントを決定します。

  • Auto: 自動的に選択されます。

  • Center: バウンディングボックスの中央に表示されます。

ルール

「ルール」設定を使用すると、1つ以上のデータ条件に基づいて、プロットの外観に適用するif-thenルールを作成できます。条件は、次のいずれかの値を参照できる式です。

  • Chart!CurrentData:現在のデータ値を返します。

  • Chart!PreviousData:前のデータ値を返します。

  • Chart!NextData:次のデータ値を返します。

  • Chart!CurrentCategory:現在のカテゴリエンコーディングの値を返します。

  • Chart!PreviousCategory:前のカテゴリエンコーディングの値を返します。

  • Chart!NextCategory:次のカテゴリエンコーディングの値を返します。

  • Chart!CurrentDetail:現在の詳細エンコーディングの値を返します。

  • Chart!PreviousDetail:前の詳細エンコーディングの値を返します。

  • Chart!NextDetail:次の詳細エンコーディングの値を返します。

条件式には、レポートのパラメータおよび標準演算子への参照を含めることができます。条件を作成する最も簡単な方法は、[ルール-条件]式エディタを使用することです。式エディタは、 [条件] プロパティの右側にあるボックスをクリックすることで開かれます。

条件が満たされると、折れ線プロットの次のプロパティを適用できます。

  • データポイントシンボルの背景色

  • データポイントシンボルの罫線の色

  • データポイントシンボルの罫線の幅

  • データポイントシンボルの罫線のスタイル

  • ツールチップとラベルテンプレート

たとえば、「複数の折れ線」デモでは、プロットに次のルールを設定して、前のデータポイントと次のデータポイントの両方よりも大きいデータポイントにカスタム書式を適用できます。


出力は次のようになります。


アクション

シンボルをクリックしたときに発生する対話的なアクションを決定します。バインドされたフィールドの参照を使用して、ドリルスルーレポートにパラメータを渡したり、動的ブックマークまたはURLを構成したりできます。フィールド値は、現在の詳細のスコープで評価されます。詳細については、「ドリルスルー​レポート」チュートリアルを参照してください。このチュートリアルでは、ドリルスルー付き縦棒チャートのプロットの設定方法について説明しますが、同じ手法は折れ線プロットにも適用できます。