# スライダーの作成

編集中のシートにスライダーを追加できます。

次の手順を実行します。

1. アセット パネルで、 [チャート] を開きます。

2. [ダッシュボード オブジェクト] で、 [スライダー] をシートにドラッグします。

3. プロパティ パネルの [データ] > [データ型] で、スライダーが [項目] 内の選択を制御するか、 [変数] の値を変更するかを選択します。

4. [スライダー タイプ] で、次のいずれかを選択します。

   * 単一値: スライダーは一度に単一の値または選択を設定します。
   * 複数値: スライダーは値の範囲を設定したり、一度に複数の選択を行ったりできます。

5. 設定に応じて、スライダーが制御する [データ] (項目)、 [変数]、または [変数] を選択します。

6. 必要に応じて、項目または変数に対して [数値書式] を設定します。 数値、通貨、日付、期間、カスタム、式ベースの数値書式に関するオプションがあります。

スライダーを作成した後、プロパティ パネルで他の設定を調整してカスタマイズできます。

## 範囲とステップ サイズの設定

変数スライダーでは、変数の値を変更できる最小値と最大値の範囲を設定できます。ステップ サイズを調整して、最小値と最大値の間隔の数をカスタマイズすることもできます。

1 つの変数を持つスライダーの場合、最小値と最大値は使用されている変数に対応します。2 つの変数を持つスライダーの場合、最小値は初期値が低い変数に対応します。最大値は初期値が高い変数に対応します。

次の手順を実行します。

1. プロパティ パネルの [スタイル] > [プレゼンテーション] で、値または式を使用して [最小スライダー範囲] を設定します。

2. 値または式を使用して、 [最大スライダー範囲] を設定します。

3. 必要に応じて、スライダーが値の間をスムーズに移動できるようにするには [ステップにスナップ] をオフにします。

## 値の手動入力を許可する

スライダーをドラッグして値を選択または変更する代わりに、ユーザーが入力ボックスに直接値を入力できるように設定できます。

次の手順を実行します。

1. プロパティ パネルの [スタイル] > [プレゼンテーション] で、 [値の手動入力] をオンにします。

2. [テキスト項目の配置] プロパティを設定して、スライダーの入力ボックスの配置場所を調整します。[自動] に設定することも、特定の位置を選択することもできます。

## スライダー スケールのカスタマイズ

プロパティ パネルで複数の設定を使用してスライダー スケールをカスタマイズできます。

### 値の分布

フィールド スライダーでは、軸を連続表示にするか離散表示にするかを変更できます。変数スライダーでは、この設定は常に連続に設定されています。

次の手順を実行します。

* プロパティ パネルの [スタイル] > [プレゼンテーション] で、 [値の分布] を次のいずれかに設定します。

  * 連続: データ ポイントは、それぞれの値の大きさの差が正確に分かるように間隔を空けて表示されます。欠損値は補間されて軸に表示されます。ただし、フィールド スライダーでは、欠損値をスライダーで選択することはできません。連続軸は、たとえばデータが必ずしも等間隔で測定されていない時間ベースの軸に適しています。

  * 離散: データ ポイントは等間隔で区切られて表示されます。これは、テキストベースの軸や、等間隔で測定される数値データまたは日付データに適しています。

### テキストの表示設定

プロパティ パネルで、 [スタイル] > [プレゼンテーション] > [スケール] を展開します。ここで、次を設定できます。

* 値の表示: 最小値と最大値の間の値を表示するかどうかを選択します。

* 最大値/最小値の表示: 最小値と最大値を表示するかどうかを選択します。

### スケールの向き

水平方向と垂直方向のチャートの向きを切り替えることができます。これは、 [スタイル] > [プレゼンテーション] > [方向] で設定できます。

## スタイルのカスタマイズ

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [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. [チャート] タブで、 [スライダー トラック] を展開し、スライダー トラックの外観をカスタマイズします。

   * 選択色: スライダー トラックの選択部分の色を設定します。
   * 背景色: スライダー トラックの背景色を設定します。
   * 境界線の色: スライダー トラックの境界線の色を設定します。

### 手動入力ボックスのカスタマイズ

スライダーで [値の手動入力] が有効になっている場合、入力値と入力項目ボックスの外観をカスタマイズできます。

次の手順を実行します。

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

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

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

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

## ソートの設定

変数スライダーでは、スライダーが既定で連続的な軸の目盛線として設定されているため、スライダー値のソートは変更できません。

フィールド スライダーでは、連続分布にするか離散分布にするかを変更できます ([値の分布](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Slider/create-sliders.htm#ValueDist) を参照)。変数スライダーと同様に、連続値の分布ではカスタム ソートはできません。離散値の分布を選択した場合、次のようにソート順をカスタマイズできます。

### 自動ソート

値を自動的にソートするには、 [ソート] 設定を [自動] のままにします。

### カスタム ソート

次のオプションを設定できるようにするには、 [ソート] 設定を [カスタム] にします。

* 数式でソート: 昇順または降順でソートするかどうかを選択し、ソートに使用する数式を指定します。

* 数値でソート: 数値のソートの昇順または降順を選択します。

* アルファベット順でソート: アルファベット順のソートの昇順または降順を選択します。

## 詳細を見る

* [スライダー](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Slider/slider.htm)