AI エージェント向け: ドキュメントインデックスは https://www.mongodb.com/ja-jp/docs/llms.txt で利用できます。すべてのページの markdown バージョンは、いずれかの URL パスに .md を追加することで利用できます。
Docs Menu

iFrame で Charts を埋め込む

iFrame を使用して Web アプリケーションにチャートを埋め込み、高さ、幅、更新間隔、表示テーマなどの設定を指定できます。

iFrame 内に埋め込まれた Charts は次のいずれかになります。

1

Dashboards ページから、埋め込み可能にするチャートを含むダッシュボードを選択します。ダッシュボードに移動する手順については、「ダッシュボード」を参照してください。

2

ダッシュボードから次をクリックします:埋め込み情報にアクセスするには、チャートの右上にある を参照してください。 ドロップダウン メニューからEmbed chartを選択します。

注意

埋め込みが有効になっているダッシュボード上のグラフは、 Embed Chartオプションが自動的に有効になります。 したがって、埋め込みが有効になっている ダッシュボード内のグラフに対してEmbed chartオプションを選択することはできません。

3

このチャートが使用するデータソースで外部共有をすでに有効にしている場合は、この手順をスキップします。 データソースへの埋め込みをまだ有効にしていない場合は、これで有効にできます。 Configure external sharingリンクをクリックします。

4
埋め込み非認証チャート
クリックして拡大します
5
6

チャート ビューアがデータをフィルタリングできるフィールドを指定します。 デフォルトでは、フィールドは指定されていません。つまり、少なくとも 1 つのフィールドを明示的に許可するまでチャートをフィルタリングできません。

または、 Allow all fields in the data source used in this chartを選択して、グラフ内のすべてのフィールドを指定することもできます。

フィルタ可能なフィールドの詳細については、「 フィルタ可能なフィールドの指定 」を参照してください。

7

Iframeパネルを選択すると、iFrame 埋め込みコードが表示され、更新オプションと表示オプションを設定できるようになります。

8
  1. 更新間隔によって、データソースからの新しいデータ(存在する場合)でチャートが更新される頻度が決まります。

    無料ユーザーの場合、自動更新間隔として新しい 4 時間のオプションがデフォルトで選択されます。

  2. グラフにはLightまたはDarkの表示テーマを選択できます。

9

iFrame 埋め込みコードには、チャートのベース URL とチャート ID、および設定したオプションが含まれます。

10

iFrame コードを手動で編集して、高さ、幅、境界線の半径などの他のいくつかのチャート オプションを設定できます。 チャート オプションの詳細については、「埋め込みチャート オプション 」を参照してください。

設定したオプションを使用して iFrame コードが準備できたら、それをウェブページに配置してチャートを表示できます。

このページを評価

項目一覧