バージョン 1.0 (最新)

ダッシュボードまたは画像として可視化データをエクスポート

概要

ダッシュボードまたは特定の可視化の画像を生成してそれをエクスポートする場合、以下の 2 つのオプションがあります。

前提条件

デフォルトで Web 版 の SDK は [画像としてエクスポート] 機能が無効です。この機能を使用する場合は、Nuget パッケージ CefSharp.OffScreen (>= 63.0.3) をインストールしてください。サーバー側とクライアント側が別々のプロジェクトにある場合は、サーバー側プロジェクトに NuGet をインストールする必要があります。

エクスポートの設定を有効にする

ユーザーによるダッシュボードまたは特定の可視化画像の生成を可能にするために、ダッシュボードを読み込むときに、RevealSettings.showExportImage を有効にする必要があります。これにより、ダッシュボードが開かれたとき、または特定の可視化が最大化されたときに、オーバーフロー メニューで [エクスポート] ボタンが使用できるようになります。

ダッシュボード対応 SDK のエクスポート ボタン

ユーザーが [エクスポート] ボタンをクリックすると、[画像としてエクスポート] ダイアログが開きます。ユーザーは [クリップボードへコピー] と [画像としてエクスポート] の 2 つのオプションから選択することができます。右下の [画像としてエクスポート] ボタンをクリックすると、RevealView は onImageExported コールバックを呼び出します。

以下は onImageExported コールバックのサンプル実装です。

revealView.onImageExported = function (img) {
  var body = window.open("about:blank").document.body;
  body.appendChild(img);

}

コードによって開始されるエクスポート

コードで RevealView の画像を取得するには、ToImage メソッドを呼び出す必要があります。このメソッドを呼び出しても [画像としてエクスポート] ダイアログは表示されません。これにより、ユーザーが RevealView の外側にあるボタンをクリックしたときにスクリーンショットを取得できます。このメソッドは、RevealView コンポーネントが画面に表示されていると同じスクリーンショットを作成します。

ToImage メソッドの呼び出し時にユーザーがダイアログを開いている場合、ダッシュボードと一緒にそのダイアログのスクリーンショットが取得されます。