種類の異なるデバイスで表示するキャンバス・レイアウトの設計

キャンバスのブレークポイントを作成すると、画面サイズが異なるデバイスのコンシューマ・ユーザーに、ビジュアライゼーションをどのように表示するかを決定できます。たとえば、ブレークポイントを数種類設定して、モバイル・デバイスのブラウザや、タブレット、ラップトップでの表示を最適化することが可能です。

チュートリアル

ホーム・ページでワークブックにカーソルを合せ、「アクション」をクリックして「開く」を選択します。
「編集」をクリックして、編集するワークブックを表示します。
キャンバスを最大化し、「キャンバスのプロパティ」で「レイアウト」を「自動調整」に設定して、「OK」をクリックします。
フッターで「レスポンシブ・キャンバス・エディタ」をクリックしてエディタを開き、ブレークポイントを定義して、種類の異なるデバイスのキャンバスを表示します。
キャンバスのブレークポイントを設定します:
- 現在のスライダ位置にブレークポイントを追加 - スライダをクリックして、このブレークポイントに使用する画面サイズのピクセル単位の値までドラッグします。
  
  次に「ブレークポイントの追加」をクリックして、現在のスライダの場所にブレークポイントを追加します。
- ブレークポイントの値を手動で入力 - レスポンシブ・キャンバス・エディタを開くメニューをクリックして、「ブレークポイントの追加」をクリックし、「位置」フィールドにこのブレークポイントに必要な数値を入力します。
前のステップを繰り返して、さらにキャンバスのブレークポイントを定義します。
キャンバスのそれぞれのブレークポイントに、ビジュアライゼーションを含めるか除外します:
- 管理するキャンバスのブレークポイント()を右クリックし、「ブレークポイントの管理」をクリックします。
- このキャンバスのブレークポイントのキャンバスに含めるか除外するビジュアライゼーションをリストでクリックし、「OK」をクリックします。
オプション: ビジュアライゼーションを作成してブレークポイントに追加するには、「データ」ペインからデータを選択し、キャンバスに追加します。
新しいビジュアライゼーションが追加されるのは現在のブレークポイントのみですが、ブレークポイントの「ブレークポイントの管理」ダイアログにあるリストからビジュアライゼーションを選択すると、キャンバスのその他のブレークポイントにビジュアライゼーションを追加できます。
オプション: キャンバスのブレークポイントのビジュアライゼーションの表示を最適化します。
モバイルなどの小型デバイスに表示するコンテンツの最適化が必要な場合があります。
- ビジュアライゼーションの再配置 - ビジュアライゼーションをクリックして、新しい位置にドラッグします。
- ビジュアライゼーションの最適化 - 「プロパティ」ペインを使用して、タイトルや凡例などの不要なコンテンツを非表示にします。
ブレークポイントのビジュアライゼーションを最適化しても、その変更は、キャンバスのその他のブレークポイントには適用されません。
「保存」をクリックします。