# 折れ線グラフの作成 折れ線グラフは、時間の経過に伴う動向を表示するために使用されます。軸は常に X 軸上にあり、メジャーは常に Y 軸上にあります。 編集中のシートに折れ線グラフを作成できます。 次の手順を実行します。 1. アセット パネルで、 [チャート] を開きます。 2. [ビジュアライゼーション] で、空の折れ線グラフをシートにドラッグします。 3. [軸を追加] をクリックして、軸または項目を選択します。 4. [メジャーを追加] をクリックし、メジャーを選択するか、項目からメジャーを作成します。 折れ線グラフには、少なくとも 1 つの軸と 1 つのメジャーが必要です。 折れ線グラフには、2 つ以下の軸と 1 つのメジャー、あるいは 1 つの軸と 15 以下のメジャーを含めることができます。 折れ線グラフの作成 | 軸 | メジャー | 結果 | | --- | --- | --- | | 1 軸 | 1 メジャー | 線が 1 本の単純な折れ線グラフ。 | | 2 軸 | 1 メジャー | X 軸上に最初の軸があり、2 番目の軸の値ごとに線が 1 本の折れ線グラフ。 | | 1 軸 | 15 以下のメジャー | メジャーごとに線が 1 本の折れ線グラフ。 | 折れ線グラフを作成したら、プロパティ パネルで外観の調整や他の設定の変更ができます。 スタイル指定に関する情報については、[折れ線グラフのスタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/LineChart/create-line-charts.htm#Styling) を参照してください。チャートのスタイルの他の側面をカスタマイズに関する情報については、[ビジュアライゼーションの外観の変更](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm) を参照してください。 ## 折れ線グラフのスタイル指定 プロパティ パネルには、さまざまなスタイル オプションが用意されています。[外観] > [プレゼンテーション] の [the スタイル指定 icon ] をクリックし、チャート レベル (チャート全体) のテキスト、背景、データ ポイントのサイズ、線のスタイルを指定します。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。各セクションの横にある ![リセット](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) をクリックすると、スタイルをリセットできます。![リセット](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。 ここでカスタマイズした内容は、アプリケーションのテーマで設定されたスタイルに上書きされます。 個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。 ### テキストのカスタマイズ [スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。 チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。 チャートに表示されるテキストのスタイルを指定できます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon[] をクリックします。 3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。 * タイトル * サブタイトル * 脚注 4. [チャート] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。 * 軸タイトル: 軸のタイトルのスタイルを決めます。 * 軸ラベル: 軸のラベルのスタイルを決めます。 * 値ラベル: 線として構成されたメジャー値のラベルのスタイルを指定します。 * 凡例タイトル: 凡例のタイトルのスタイルを決めます。 * 凡例ラベル: 個別の凡例アイテムのラベルのスタイルを決めます。 ### 背景のカスタマイズ チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。 情報メモ URL から背景画像を追加するには、その送信元をテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。オリジンを img-src ディレクティブで追加します。これは、管理者によって 管理 アクティビティ センターで実行されます。 詳細については、「[CSP エントリの作成](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)」を参照してください。 背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。 背景画像を使用する際、画像のサイズや位置を調整できます。 ### チャート レベルでのデータ ポイントのカスタマイズ データ ポイントのサイズを設定できます。ここで定義した設定は、チャート内のすべてのメジャーに適用されます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon[] をクリックします。 3. スタイル指定パネルの [チャート] タブの [データ ポイント サイズ] で、スライダーを調整して、チャートのデータ ポイントのサイズを変更します。 ### チャート レベルでの、メジャーの線のカスタマイズ チャートの線のスタイルはカスタマイズできます。ここで定義した設定は、チャート内のすべてのメジャーに適用されます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon[] をクリックします。 3. スタイル指定パネルの [チャート] タブに切り替えます。 4. [線オプション] セクションで、線の太さ、線タイプ (実線または破線)、線のカーブ (直線またはモノトーン) を調整します。 ### 各メジャーの個別のスタイル指定 チャート内の各メジャーの線は、個別の設定でスタイルを指定できます。メジャーごとに、データ ポイントのサイズ、線の太さ、線の種類、線の屈曲度をカスタマイズできます。 次の手順を実行します。 1. プロパティ パネルで、[データ] セクションを展開します。 2. カスタマイズするメジャーをクリックします。 3. [スタイル指定] で、[追加] をクリックします。 4. データ ポイントのサイズ、線の太さ、線の種類 (実線または破線)、線の屈曲度 (直線またはモノトーン) を調整します。 アプリケーションのテーマまたはチャート レベルのスタイル設定とは別に、カスタマイズの必要がある個々のメジャーごとにこれらの手順を繰り返します。 ### 境界線と影のカスタマイズ チャートの境界線と影をカスタマイズできます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 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` の両方で整理されます。 ## トレンド ラインの追加 チャートにトレンド ラインを追加できます。トレンド ラインを使用して、時間の経過に伴うデータの変化を視覚化します。 トレンド ラインの詳細については、「[トレンド ライン](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Measures/trend-lines.htm)」を参照してください。 次の手順を実行します。 1. プロパティ パネルで、[データ] セクションを展開します。 2. [メジャー] で、トレンド ラインを追加するメジャーを展開します。 3. [トレンド ライン] で、 [トレンド ラインの追加] をクリックします。 4. トレンド ラインの [ラベル] と [タイプ] を定義します。 5. [色] スライダーを使用して、色を [カスタム] または [自動] に定義します。 6. チェックボックスを使用して、 [破線] の表示をオンまたはオフに切り替えます。 ## 図形の扱い 図形では、チャートにポイントと線を別々の項目として追加できます。図形により、分析に役立つ特別な情報を使用して軸やメジャーのデータを強化できます。たとえば、特定の軸値を強調表示するポイントを追加したり、主要業績評価指標の最高点と最低点の間に線を描画したりできます。 [Manually add points and lines to line charts](https://play.vidyard.com/AnLimnuHZj8MWpR2pYqi1A) ### ポイントを追加する 次の手順を実行します。 1. プロパティ パネルで、 [アドオン] > [図形] セクションを展開します。 2. [図形を追加] をクリックし、 [ポイント] を選択します。 3. オプションで、テキストまたは式を使用してポイントのラベルを定義します。 4. [軸の値] に、ポイントを追加する軸の値を入力します。数式を使用して値を定義することもできます。 5. [メジャー入力] ドロップダウン メニューで、次のいずれかを選択し、メニューの下部に値を定義します。 * メジャーの値: ポイントを追加するメジャー値を、単純な値または数式として定義します。たとえば、 セット分析の数式を使用できます。 * メジャーインデックス: メジャー値を抽出するメジャーを定義します。これは単純な値または数式で指定できます。たとえば、チャートの最初のメジャーには 0 を使用し、チャートの 2 番目のメジャーには 1 を使用するなどのようにします。 6. ポイントに使用する記号を設定します。デフォルトは丸です。 7. 必要に応じてラベルの位置を調整します。ラベルはポイントの上または下に表示できます。 8. 以下の設定を使用して、色と不透明度を設定します。これらの要素に色をつけないように設定することもできます。 * ポイントの色 * 枠線の色 * ラベルの色 9. 定義されている場合は、[背景色] チェックボックスを使用してラベルに背景を追加します。このオプションをオンにすると、定義されたラベルの色が背景に使用され、ラベルのテキストは背景と最もコントラストの高い色に切り替わります。 10. スライダーを使用して、 [枠線の幅] と [データポイントのサイズ] を調整します。 ### 線を追加する 一連のポイントとして線を追加できます。線は、定義した各ポイントを接続します。 次の手順を実行します。 1. プロパティ パネルで、 [アドオン] > [図形] セクションを展開します。 2. [図形を追加] をクリックし、 [線] を選択します。 3. オプションで、テキストまたは式を使用して線のラベルを定義します。これはチャートには表示されませんが、複数の線やポイントがある場合の識別に役立ちます。 4. デフォルトでは、データ ポイントは線上でハイライトされません。データ ポイントをハイライトするには、線の設定の一番下にある [データ ポイントを表示] をオンにします。このオプションをオンにすると、より多くのポイント設定が表示されます。 5. ポイントを追加するには、 [ポイントを追加] をクリックします。 6. [軸の値] に、ポイントを追加する軸の値を入力します。数式を使用して値を定義することもできます。 7. [メジャー入力] ドロップダウン メニューで、次のいずれかを選択し、メニューの下部に値を定義します。 * メジャーの値: ポイントを追加するメジャー値を、単純な値または数式として定義します。たとえば、 セット分析の数式を使用できます。 * メジャーインデックス: メジャー値を抽出するメジャーを定義します。これは単純な値または数式で指定できます。たとえば、チャートの最初のメジャーには 0 を使用し、チャートの 2 番目のメジャーには 1 を使用するなどのようにします。 8. 以下の設定でポイントの外観を調整します。これらの設定は、[データポイントを表示] をオンにすると表示されます。 * ラベル: ポイントのテキスト ラベルを設定します。 * シンボル: ポイントの図形を設定します。デフォルトは丸です。 * ラベルの位置: ラベルをポイントの上に表示するか下に表示するかを選択します。 * ポイントの色: ポイントの色を設定します。 * 枠線の色: ポイントの枠線の色を設定します。 * ラベルの色: ラベル テキストの色を設定します。[色付きの背景] がオンの場合、この設定はラベルの後ろの背景をコントロールします。 * 枠線の幅: ポイントの枠線の幅を設定します。 * データポイントのサイズ：ポイントの全体のサイズを設定します。 * 色の背景: ラベル テキストが定義されている場合、ラベルに背景を追加します。このオプションをオンにすると、定義されたラベルの色が背景に使用され、ラベルのテキストは背景と最もコントラストの高い色に切り替わります。 9. 上記のステップに従って、必要に応じて 1 つ以上のポイントを追加します。 10. 不透明度を含む [線の色] を設定します。 11. スライダーを使用して [線の太さ] を調整します。 12. [線の種類] を [実線] または [破線] から選択します。 13. [線の屈曲度] ドロップダウン メニューを使用して、次のいずれかを選択します。 * 線形: 各ポイントは直線で結ばれています。 * モノトーン: 各ポイントは曲線で結ばれています。 ## チャート内への画像の追加 チャート軸に配置する画像を追加できます。画像は、メジャー値上またはメジャー軸上の任意の場所に追加できます。画像は、数式に基づいて動的にサイズを変更することができます。 [Add images to line chart](https://play.vidyard.com/2JnM1U518XTsvKVj19ro6Q) 次の手順を実行します。 1. プロパティ パネルで、 [アドオン] > [画像] セクションを展開します。 2. [画像を追加] をクリックします。 3. [ソース] を選択します。次のオプションがあります。 * メディア ライブラリ: the 画像を選択 icon をクリックし、画像を選択し、[挿入] をクリックします。新しい画像をメディア ライブラリにアップロードし、その後で使用することもできます。 * URL: URL または式を入力して URL を定義します。 情報メモ URLから画像を追加するには、その送信元をテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。オリジンを img-src ディレクティブで追加します。これは、管理者によって 管理 アクティビティ センターで実行されます。 詳細については、「[CSP エントリの作成](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)」を参照してください。 4. [軸値] で、画像を表示する軸値を指定します。 複数の軸を持つチャートでは、グループ軸の値を使用する必要があります。 5. [メジャー入力] で、画像をメジャー軸のどこに挿入するかを指定するオプションを選択します。 * メジャー インデックス: 画像を配置するメジャーの番号を指定します。最初のメジャーには 0、2 番目には 1、というように指定します。 * メジャー値: 画像をメジャー軸上のどの位置に配置するかを定義する値または式を指定します。これは、メジャー軸上のどこにでも指定でき、メジャーの実際の値に対応する必要はありません。 複数の軸を持つチャートの場合、メジャー インデックスは使用できず、メジャー値のみを指定できます。 6. [サイズ] で [シンプル] または [カスタム] を選択します。 [シンプル] では、1 つのスライダーでサイズを定義します。 7. [カスタム] を使用すると、幅と高さ (長方形) または半径 (円) を指定できます。数式がサポートされています。例えば、画像はメジャーの値に応じて動的にサイズを変更することができます。 8. [形状] で、[長方形] または [円] を選択します。 9. スライダーを使って不透明度を設定します。 10. 画像の位置を調整します。 ## 詳細を見る * [折れ線グラフ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/LineChart/line-chart.htm) * [折れ線グラフを使用した時系列予測](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/LineChart/timeseries-forecast.htm) * [ビジュアライゼーションにトレンド ラインと基準線を追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/add-trend-and-reference-lines.htm) * [折れ線グラフの解釈](https://help.qlik.com/lnk/Interpreting_line_charts) * [Qlik Cloud の時系列データに基づいて予測するにはどうすればよいですか?](https://help.qlik.com/lnk/How_forecast_timeseries_data_qlikcloud) 関連する学習コンテンツ： * [折れ線グラフの解釈](https://help.qlik.com/lnk/Interpreting_line_charts) * [Qlik Cloud の時系列データに基づいて予測するにはどうすればよいですか?](https://help.qlik.com/lnk/How_forecast_timeseries_data_qlikcloud)