メインコンテンツまでスキップ

Amazon Athena データ ソースの追加

重大な変更

現在、Reveal SDK は、Reveal SDK core パッケージからデータ ソースを分離する過程にあります。プロジェクトの継続的な機能を確保するために、プロジェクトに追加のパッケージをインストールすることが必要になる場合があります。詳細については、サポートされるデータ ソース トピックを参照してください。

手順 1 - RevealView.onDataSourcesRequested イベントのイベント ハンドラーを追加します。

var revealView = new $.ig.RevealView("#revealView");
revealView.onDataSourcesRequested = (callback) => {
//add code here
callback(new $.ig.RevealDataSources([], [], false));
};

手順 2 - RevealView.onDataSourcesRequested イベント ハンドラーで、RVAthenaDataSource オブジェクトの新しいインスタンスを作成します。Title およびSubtitle プロパティを設定します。RVAthenaDataSource オブジェクトを作成したら、それをデータ ソース コレクションに追加します。

revealView.onDataSourcesRequested = (callback) => {
var athenaDS = new $.ig.RVAthenaDataSource();
athenaDS.title = "My Athena Data Source";
athenaDS.subtitle = "Amazon Athena";

callback(new $.ig.RevealDataSources([athenaDS], [], false));
};

アプリケーションが実行されたら、新しい可視化を作成すると、新しく作成された Amazon Athena データ ソースが [データ ソースの選択] ダイアログにリストされます。

手順 3 - RVAthenaDataSourceItem オブジェクトの新しいインスタンスを作成して、新しい Amazon Athena データ ソース項目を作成します。IdTitle、および Subtitle の各プロパティの値を指定します。RVAthenaDataSourceItem オブジェクトを作成したら、それをデータ ソース項目コレクションに追加します。

revealView.onDataSourcesRequested = (callback) => {
var athenaDS = new $.ig.RVAthenaDataSource();
athenaDS.title = "My Athena Data Source";
athenaDS.subtitle = "Amazon Athena";

var athenaDSI = new $.ig.RVAthenaDataSourceItem(athenaDS);
athenaDSI.id = "dataSourceItemId";
athenaDSI.title = "My Athena Data Source Item";
athenaDSI.subtitle = "Amazon Athena";

callback(new $.ig.RevealDataSources([athenaDS], [athenaDSI], false));
};

アプリケーションが実行されたら、新しい可視化を作成すると、新しく作成された Amazon Athena データ ソース項目が [データ ソースの選択] ダイアログにリストされます。

注記

Amazon Athena は RVAmazonWebServicesCredentials を使用して認証します。詳細については、認証トピックを参照してください。

コードの取得

このサンプルのソース コードは GitHub にあります。