X-Cart 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、X-Cart をチャートに入力します。
X-Cart 用の CData ADO.NET プロバイダーはサードパーティーコントコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。 この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。
An API Key must be created for your XCart Installation. In order to obtain the API Key, you need to install and configure the REST API Module for your X-Cart installation.
- Login to your X-Cart Installation. Click on My addons on the bottom of the left side-bar navigation panel.
- Search for REST API Module. Install the Module.
- After the module has been installed, you need to set it up.
- Go to the Settings section for the REST API Module.
- On the settings page specify the API Key (only read)
- Set the ApiKey and Url to the connection property to connect to data.
Windows Forms コントロール
下のコードでは、X-Cart でDevExpress のチャートに追加する方法を説明します。XCartDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。
using (XCartConnection connection = new XCartConnection(
"Url=https://example.com/shop;ApiKey=MyApiKey;")) {
XCartDataAdapter dataAdapter = new XCartDataAdapter(
"SELECT ProfileId, FirstName FROM PROFILES WHERE Language = 'en'", 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[] { "FirstName" });
series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative;
series.ArgumentDataMember = "ProfileId";
series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical;
chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;
((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}

Web コントロール
下のコードではX-Cart でDevExpress Web を操作するための設定方法を説明します。XCartDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。
using DevExpress.XtraCharts;
using (XCartConnection connection = new XCartConnection(
"Url=https://example.com/shop;ApiKey=MyApiKey;"))
{
XCartDataAdapter XCartDataAdapter1 = new XCartDataAdapter("SELECT ProfileId, FirstName FROM PROFILES WHERE Language = 'en'", connection);
DataTable table = new DataTable();
XCartDataAdapter1.Fill(table);
DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar);
WebChartControl1.Series.Add(series);
DataTable table = new DataTable();
series.ValueDataMembers.AddRange(new string[] { "FirstName" });
series.ArgumentScaleType = ScaleType.Qualitative;
series.ArgumentDataMember = "ProfileId";
series.ValueScaleType = ScaleType.Numerical;
((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}