製品をチェック

IBM Cloud Data Engine Data Provider の30日間無償トライアルをダウンロード

 30日間の無償トライアルへ

製品の詳細

IBM Cloud Data Engine アイコン IBM Cloud Data Engine ADO.NET Provider 相談したい

IBM Clous SQL Query にデータ連携する.NET アプリケーションを簡単に構築。

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
ibmclouddataengine ロゴ

CData

ado ロゴ画像
DevExpress ロゴ

こんにちは!ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。

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; } The complete code example and the resulting chart.

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; } An ASP.NET application created with the ADO.NET Provider and the DevExpress Web Forms control.(Salesforce is shown.)

関連コンテンツ

トライアル・お問い合わせ

30日間無償トライアルで、CData のリアルタイムデータ連携をフルにお試しいただけます。記事や製品についてのご質問があればお気軽にお問い合わせください。