iFrame を使用して Web アプリケーションにチャートを埋め込み、高さ、幅、更新間隔、表示テーマなどの設定を指定できます。
iFrame 内に埋め込まれた Charts は次のいずれかになります。
認証されていない場合は、誰でも表示できます。
検証済み署名で認証されています。
ダッシュボード ページから、埋め込み可能にするチャートを含むダッシュボードを選択します。
ダッシュボードから次をクリックします:埋め込み情報にアクセスするには、チャートの右上にある を参照してください。 ドロップダウン メニューから Embed chartを選択します。
注意
埋め込みが有効になっているダッシュボード上のグラフは、 Embed Chartオプションが自動的に有効になります。 したがって、埋め込みが有効になっている ダッシュボード内のグラフに対してEmbed chartオプションを選択することはできません。
このチャートが使用するデータソースで外部共有をすでに有効にしている場合は、この手順をスキップします。 データソースへの埋め込みをまだ有効にしていない場合は、これで有効にできます。 Configure external sharingリンクをクリックします。
チャート ビューアがデータをフィルタリングできるフィールドを指定します。 デフォルトでは、フィールドは指定されていません。つまり、少なくとも 1 つのフィールドを明示的に許可するまでチャートをフィルタリングできません。
または、 Allow all fields in the data source used in this
chartを選択して、グラフ内のすべてのフィールドを指定することもできます。
フィルタ可能なフィールドの詳細については、「 フィルタ可能なフィールドの指定 」を参照してください。
Iframeパネルを選択すると、iFrame 埋め込みコードが表示され、更新オプションと表示オプションを設定できるようになります。
更新間隔によって、データソースからの新しいデータ(存在する場合)でチャートが更新される頻度が決まります。
グラフにはLightまたはDarkの表示テーマを選択できます。
iFrame 埋め込みコードには、チャートのベース URL とチャート ID、および設定したオプションが含まれます。
iFrame コードを手動で編集して、高さ、幅、境界線の半径などの他のいくつかのチャート オプションを設定できます。 チャート オプションの詳細については、「埋め込みチャート オプション 」を参照してください。
重要
Using a Verified Signature for authentication is deprecated. 代わりに、チャートを保護する手順については、 Authenticated Embeddingタブを参照してください。
Atlas Charts がまだ表示されていない場合は、Atlas UI の [ Charts ] タブをクリックします。
Atlas がプロジェクトにリンクされた Charts のインスタンスを起動します。
ダッシュボード ページから、埋め込みを有効にするグラフを含むダッシュボードを選択します。
ダッシュボードから次をクリックします:埋め込み情報にアクセスするには、チャートの右上にある を参照してください。 ドロップダウン メニューからEmbed chartを選択します。
このチャートが使用するデータソースで外部共有をすでに有効にしている場合は、この手順をスキップします。 データソースで外部共有をまだ有効にしていない場合は、これを有効にできます。 Configure external sharingリンクをクリックします。
ダイアログ ボックスでVerified Signature ] タブを選択します。
Enable signed authentication access を On に切り替えます。
モーダル ウィンドウに表示される HTMLコードは、認証を有効にしてチャートを共有するために必要なパラメータを示しています。 このコードを使用するには、認証されたアクセスを有効にするために、次の手順に進む必要があります。
サイドバーの [ Development ] 見出しの下の [ Embeddingをクリックします。
[Authentication Settings] タブをクリックします。
注意
Authentication Settingsページにアクセスするには、プロジェクト オーナーである必要があります。 管理者以外のユーザーでも埋め込みチャートは引き続き使用できますが、プロジェクト オーナーからキーを取得する必要があります。
新しい埋め込みキーを作成するには、 Generate New Keyボタンをクリックします。 キーを安全な場所に保存します。
警告
新しいキーを生成すると、以前のキーは無効になります。 古いキーを使用する既存の共有チャートがすべて新しいキーを使用するように更新されていることを確認します。
認証が有効になっている共有チャートからのデータリクエストに合わせて検証済み署名を生成するには、サーバー側コードが必要です。 検証された署名は、 HMAC を生成してペイロードを作成します 埋め込みキー、タイムスタンプ、チャートからのデータの識別からの 。検証された署名は、サーバー側のコードで指定された限られた期間有効です。
検証済み署名の生成方法を示すコード例は、次の言語とプラットフォームで利用できます。
設定したオプションを使用して iFrame コードが準備できたら、それをウェブページに配置してチャートを表示できます。