各製品の資料を入手。
詳細はこちら →
製品をチェック
IBM Cloud Data Engine Data Provider の30日間無償トライアルをダウンロード
30日間の無償トライアルへ
IBM Cloud Data Engine のデータをDevExpress Data Grid にデータバインドする。
IBM Cloud Data Engine 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、IBM Cloud Data Engine をチャートに入力します。
最終更新日：2022-01-31
この記事で実現できるIBM Cloud Data Engine 連携のシナリオ
こんにちは！ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。
IBM Cloud Data Engine 用の CData ADO.NET プロバイダーはサードパーティーコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。 この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。
IBM Cloud Data Engine は、OAuth およびHMAC 認証標準を使います。詳細はヘルプドキュメントを参照してください。
Windows Forms コントロール
下のコードでは、IBM Cloud Data Engine でDevExpress のチャートに追加する方法を説明します。IBMCloudDataEngineDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。
using (IBMCloudDataEngineConnection connection = new IBMCloudDataEngineConnection(
"Api Key=MyAPIKey;Instance CRN=myInstanceCRN;Region=myRegion;Schema=mySchema;OAuth Client Id=myOAuthClientId;OAuth Client Secret=myOAuthClientSecret;")) {
IBMCloudDataEngineDataAdapter dataAdapter = new IBMCloudDataEngineDataAdapter(
"SELECT Id, Status FROM Jobs WHERE UserId = [email protected]", connection);
DataTable table = new DataTable();
dataAdapter.Fill(table);
DevExpress.XtraCharts.Series series = new DevExpress.XtraCharts.Series();
chartControl1.Series.Add(series);
DataTable table = new DataTable();
series.ValueDataMembers.AddRange(new string[] { "Status" });
series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative;
series.ArgumentDataMember = "Id";
series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical;
chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;
((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}
Web コントロール
下のコードではIBM Cloud Data Engine でDevExpress Web を操作するための設定方法を説明します。IBMCloudDataEngineDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。
using DevExpress.XtraCharts;
using (IBMCloudDataEngineConnection connection = new IBMCloudDataEngineConnection(
"Api Key=MyAPIKey;Instance CRN=myInstanceCRN;Region=myRegion;Schema=mySchema;OAuth Client Id=myOAuthClientId;OAuth Client Secret=myOAuthClientSecret;"))
{
IBMCloudDataEngineDataAdapter IBMCloudDataEngineDataAdapter1 = new IBMCloudDataEngineDataAdapter("SELECT Id, Status FROM Jobs WHERE UserId = [email protected]", connection);
DataTable table = new DataTable();
IBMCloudDataEngineDataAdapter1.Fill(table);
DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar);
WebChartControl1.Series.Add(series);
DataTable table = new DataTable();
series.ValueDataMembers.AddRange(new string[] { "Status" });
series.ArgumentScaleType = ScaleType.Qualitative;
series.ArgumentDataMember = "Id";
series.ValueScaleType = ScaleType.Numerical;
((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}
関連コンテンツ
