行の追加

チャートを2段にして、チャートを配置したいときには、行にマウスを合わせると上下に表示される「行を追加」ボタンをクリックします。

なお、既存の行の上部の「行を追加」ボタンをクリックした場合、その行の上に行が追加され、既存の行の下部の「行を追加」ボタンをクリックした場合、その行の下に行が追加されます。

今回は既存の行の下部の「行を追加」ボタンをクリックして行を追加します。

すると、ページの下に空の行が追加されます。

新しく作られた行から「チャートを追加」をクリックして、同じようにチャートの追加が可能です。

2行目にチャートを3つ選択すると、以下のように3つのチャートを追加できます。

チャートの位置の変更

追加したチャートの位置を変えたい場合、ドラッグ＆ドロップで簡単に位置を変えることが可能です。

チャートを移動させたい場合は、位置を変更したいチャートをクリックします。

次にチャートを選択すると左上に表示されるツールバーの、左端にあるドラッグアイコンをクリックしてドラッグし、チャートを移動させたい境界線上で、ドロップすることで、位置を変更できます。

この時、チャートのドロップ先を示す緑色の垂直の線が表示されていることを確認してください。

緑色の線の上でドロップすると、チャートの位置が変わります。

このとき、Macの場合は、Commandキー、Windowsの場合はCtrlキーを使って、複数のチャートを選択して、同時に複数のチャートを移動することも可能です。

また行単位でチャートの位置を変更したい場合は、行にマウスを合わせると各行の左側に表示されるアイコンをクリックしてドラッグすることで、行の位置を変更することが可能です。

幅、高さの調整

それぞれの列の幅はチャートの間をクリックし、ドラッグ&ドロップで自由に変えることができます。

また、各行の高さもドラッグ&ドロップで自由に変えることができます。

ダッシュボード内の各チャートの「幅」や各行の「高さ」を等間隔に設定したいときは、各行の左端にある「行のメニュー」から指定が可能です。

行レイアウトと列レイアウト

ダッシュボードのレイアウトには「行レイアウト」と「列レイアウト」の2つのタイプがあり、デフォルトでは「行」レイアウトになっています。

ページタブのメニューの「レイアウト」から「列レイアウト」を選ぶと、下記のように「列」単位でレイアウトをデザインできます。

画面内に収める

「画面内に収める」にチェックを付けると、ダッシュボード内のコンテンツが画面内に収まるようになります。

そのため、ドラッグ&ドロップでレイアウトをデザインしたときには、各コンテンツが画面に占める割合が表示されます。

一方で、「画面内に収める」のチェックを外すと、各コンテンツの「高さ」は、ピクセル単位で指定されます。

各行や列の長さは、同じようチャート間の境界をドラッグアンドドロップで変更できます。

さらに、各行の高さは、行のメニューから数値で指定することも可能です。「画面内に収める」のチェックを外しているときは、行のメニューに「行の高さを指定する…」が表示されます。

「行の高さを指定する…」を選ぶと、ピクセル単位の数値で高さを指定できます。

フォントの設定

ダッシュボードやダッシュボード内のチャートで利用されているフォントは、ツールバーの「設定」ボタンをクリックすると開く、設定ダイアログの、フォントの設定のセクションから変更が可能です。

利用可能なフォントはWebフォントのため、Mac、Windows、サーバーのいずれにおいても同じフォントを利用いただくことが可能です。

なお、ウェイトのオプションからは、レギュラーのフォントを作るのか、太字であるボールドを使うのかを指定することが可能です。

ここでは、ダッシュボード全体のフォントを「Noto Serif JP」にして「適用」をクリックしました。

なお、該当の設定はダッシュボード全体に対する設定ですが、チャートを選択すると表示されるツールバーの「タイトルの編集」アイコンをクリックして、タイトルごとにフォントを指定することも可能です。

なお、両者を指定した場合はチャートのタイトルの設定が優先されます。

ページの設定

チャートの削除

ダッシュボードに追加したチャートを削除するときは、該当のパネルのタイトル行にマウスを合わせたときに表示されるバーのゴミ箱アイコン（「パネルを削除」）から削除することが可能です。

また、Macの場合はCommandキー、Windowsの場合はCtrlキーを押しながらパネルをクリックすると、複数のパネルを選択できます。このとき表示されるバーのゴミ箱アイコン（「◯ 個のパネルを削除」）をクリックすると、選択したパネルをまとめて削除できます。

背景色とボーダーの色の変更

ダッシュボードの設定ダイアログから背景色とコンテンツのボーダー色を変更できます。

ダッシュボードの背景色とボーダー色をカスタマイズするには、ツールバーの「設定」ボタンをクリックしてダッシュボードの設定ダイアログを開きます。

「色の設定」のセクションから以下の2色の変更が可能です。

• 背景色: ダッシュボードのすべてのページの背景色を変更します。
• ボーダーの色: チャートや数値などの各パネルのボーダー色を変更します。

背景色を変更した場合、ダッシュボード内のコンテンツ間の背景色の色が変わります。

ボーダーの色では、ダッシュボード内の各コンテンツのボーダーの色を変更できます。

また両者は同時に設定できます。

パネルの表示設定

ダッシュボードの設定ダイアログから、パネル間の余白と枠線をなくす設定が可能です。

パネルの表示設定のセクションでパネル間の余白と枠線をなくすにチェックを付けて適用すると、パネル間の余白と枠線がなくなります。

画像の指定

リンクの設定

画像をクリックしたときに、別のページを開くようにしたいときには、「リンク URL」に開きたいページのURLを入力します。

公開したダッシュボードでは、リンクは新しいタブで開きます。リンクが不要な場合は、空欄のままで問題ありません。

表示する範囲のトリミング

画像の一部だけを表示したいときには、プレビューの「トリミング」タブをクリックします。

画像の周りに緑色の枠が表示されるので、四隅や辺のハンドルをドラッグして、表示したい範囲を選びます。

切り取る範囲の縦横比を決めたいときには、「比率」から選択します。

比率では以下のオプションをサポートしています。

• 自由: 縦横比を固定せずに範囲を選びます。

• 元の比率: 元の画像と同じ縦横比で範囲を選びます。

• 1:1 / 4:3 / 16:9: 指定した縦横比で範囲を選びます。

• パネルに合わせる: ダッシュボード上の画像パネルと同じ縦横比で範囲を選びます。

トリミングをやり直したいときには、「リセット」をクリックすると、画像全体を選んだ状態に戻ります。

トリミングができたら、「表示」タブに戻ると、ダッシュボード上での見え方を確認できます。

表示の調整

代替テキストの設定

「代替テキスト」には、画像の内容を説明するテキストを入力します。画像が読み込めなかったときに、代わりにこのテキストが表示されます。

特にWeb URLで指定した画像は、URL先の状況によって表示されないことがあるため、入力しておくことをおすすめします。

繰り返し用のコントロールの表示

「繰り返し用のコントロールを表示」のメニューでは、「繰り返し」機能を利用しているチャートの「列の数」や「フィット」の設定をダッシュボード上に表示させるかどうかを設定できます。

ナンバーのフォントサイズの調整

「ナンバーのフォントサイズ自動調整」オプションは、通常のチャート行に挿入したナンバーにおいて有効なメニューです。

デフォルトではチェックが付いており、行の高さに応じてフォントのサイズが自動で調整されるようになっています。

詳しくは、こちらのノートで詳しく紹介していますので、ご参考ください。

ダッシュボードタイトル

ダッシュボード内にタイトルを表示させたいときには、ダッシュボードの設定の「ダッシュボードタイトルの設定」から、タイトルの指定が可能です。

コンテンツ（チャート）タイトル

通常、ダッシュボード内に挿入したチャートのタイトルには、チャート（チャートタブ）名が利用されます。チャート名とは異なる名前を設定したいときには、タイトルの編集アイコンダイアログのカスタムタブから変更が可能です。

インタラクティブ・フィルタ

ダッシュボードで表示するデータを絞り込みたいときには、ダッシュボードを実行した状態で、チャートの中のグループをクリックすることで簡単に絞り込むことができます。この機能を「インタラクティブ・フィルター」と呼びます。

例えば、パイチャートの「女性」をクリックします。

すると、ダッシュボード内の他のチャートやナンバーにて「女性」のデータのみに絞り込んだ結果が表示されるようになります。

例えば、元々の従業員数は「1,470」人でしたが、女性の従業員数である「588」人に変わっていることがわかります。さらに、新入社員数の推移も女性のみの結果になっています。

インタラクティブ・フィルタを解除したい場合は、クリックしてフィルタをかけたグループを改めてクリックします。

インタラクティブ・フィルターの使い方の詳細は、こちらをご覧ください。

パラメーター

インタラクティブ・フィルターの機能では、クリックした特定のグループに絞り込んでチャートを表示することができましたが、日付の期間を指定したり、数値の範囲を指定するといったように、より柔軟にデータを絞り込みたいときには「パラメーター」を利用することになります。

パラメーターはデータを絞り込む以外にも、計算方法やデータベースへのSQLクエリの内容を変えたりなど、ダッシュボードをよりインタラクティブなものにすることが可能です。

パラメーターの詳細は、こちらの資料をご覧ください。

データの再インポート

データソースからデータを再取得したうえで、ダッシュボードを更新したいときには、実行メニューから、「実行 (データ再インポート)」を選択します。

すると、データが再インポートされ、ダッシュボードに含まれるチャートやアナリティクスを更新することが可能です。

パブリッシュ

ブラウザ越しにダッシュボードを見られるように共有したいときには、「パブリッシュ」ボタンをクリックします。

すると、パブリッシュのためのダイアログが表示されます。

「一般」タブの「チャートのデータファイルを含める」は、デフォルトでオンになっています。オフにすると、チャートやアナリティクスのピンのためだけに使われるデータファイル（Parquet / RDS）を送らないため、パブリッシュが速く、軽くなります。

元データ、パラメーターのデータ、キャッシュしたステップ、予測モデルは送られるので、オフにしても、公開したダッシュボードでのチャートの表示、パラメーター、データの更新は引き続き動作します。なお、この設定はダッシュボードごとに保存されます。

パブリッシュ時の設定ができたら、「パブリッシュ」のボタンをクリックし、ノートをパブリッシュする主体を選択します。（チームによるパブリッシュの詳細はこちらをご確認ください）

するとバックグラウンドでサーバーへのパブリッシュ処理が進み、パブリッシュが完了すると、完了通知のウィンドウがメインの画面で開きます。

他の人に共有したいときには「共有設定」ボタンをクリックします。

すると、ブラウザが開き、共有のためのダイアログが開きます。

共有方法には以下の3つのタイプがあります。

• パブリック
• プライベート
• URL

こちらのノートでは、メールアドレス、またはチームを利用した「プライベート」な共有について紹介いたします。

それ以外の共有方法の詳細はこちらからご確認ください。

パブリッシュしたダッシュボードをプライベート（ご自身のアカウントでExploratoryサーバーにログインしないと見られないような状態）に共有したいときには、共有したい人のメールアドレス、またはチーム名を入力して指定ができます。（チーム機能について詳しく知りたい方は、こちらをご参考ください）

なお、「通知する」にチェックが付いていると、ダッシュボードの共有に関する通知メールが、ダッシュボードを共有したメンバーに届きます。

メールアドレスで共有する場合は、共有される人はExploratoryのアカウントが必要になり、招待された人がExploratoryのアカウントを持っていない場合、アカウントを作成するためのリンクが招待メールに含まれます。なお、アカウントの作成は無料です。

なお、サーバーにおいても、チャートやピボットテーブルをクリックして、ダッシュボード内のデータをフィルタするインタラクティブ・フィルタや、より柔軟にデータをフィルタするパラメーター機能の利用も可能です。

ファイル形式でエクスポート

HTML

ダッシュボードはサーバーにパブリッシュして共有するだけでなく、他の人が見られるように、HTMLファイルとしてエクスポートすることも可能です。

「HTMLにエクスポート」では、ダッシュボードに必要な全ての要素を含む圧縮(zip)ファイルが生成されます。

zipファイルにはHTMLファイルと、チャートの表示に必要なJavaScriptを含まれており、解凍して生成されたHTMLファイルをクリックすることで、ノートの内容を手元で確認することができるようになります。ズームイン/アウトすることも可能です。

PDF

ダッシュボードをPDF形式でも保存することが可能です。

サーバーにおけるEDFとチャートデータ/イメージのダウンロード

Exploratoryサーバーにパブリッシュされたコンテンツは、権限を持つユーザーであれば、必要に応じて、ダッシュボードをExploratoryデスクトップで再現可能なEDFファイルや、各チャートやデータのイメージをエクスポートすることが可能です。

EDFファイル

EDFファイルは各コンテンツの画面上部からダウロードできます。

チャートデータ / チャートイメージ

チャートデータ / チャートイメージは各チャートのエクスポートボタンからダウンロードできます。

ダウンロードの制限

なお、それぞれのファイルのダウンロード権限は設定から指定が可能です。

以下のいずれかの指定が可能です。

• 作成者のみ
• 閲覧者と作成者

ダウロード権限の設定方法の詳細は、以下のリンクをご参考ください。

• Exploratory サーバーにパブリッシュしたコンテンツのCSVやEDFファイルのダウンロードを制限する方法 - リンク