C1BubbleChart を DataView に連結するには、AccessDataSource を使用し、Microsoft Access DataBase ファイルの C1BubbleChart コントロールに接続した後 Select コマンドを使用します。

1. 新しいWeb サイトを作成します。
2. データベースファイル NWind.mdb を、サンプルプロジェクト ControlExplorer の App_Data フォルダから、自分のプロジェクトの App_Data フォルダにコピーします。
3. プロジェクトを保存し、いったん閉じてから再び開くと、Nwind.mdb ファイルが App_Data フォルダに表示されます。
4. Visual Studio ツールボックスで Data ノードを展開し、AccessDataSource コンポーネントをドラッグ＆ドロップ操作で Web ページに追加します。
5. ［AccessDataSource タスク］メニューから［データソースの構成］を選択します。
6. 〈参照〉をクリックして［Microsoft Access データベースの選択］ダイアログボックスを開き、Nwind.mdb ファイルを選択して AccessSourceDataFile プロパティに追加します。
7. ［カスタム SQL ステートメントまたはストアド プロシージャを指定する］を選択して、SQL ステートメントに次のように入力します。

   ソースビュー

   コードのコピー

   SelectCommand="select CategoryName, sum(ProductSales) as 売上, count(1) as CT from (SELECT DISTINCTROW Categories.CategoryName as CategoryName, Products.ProductName, Sum([Order Details Extended].ExtendedPrice) AS ProductSales FROM Categories INNER JOIN (Products INNER JOIN (Orders INNER JOIN [Order Details Extended] ON Orders.OrderID = [Order Details Extended].OrderID) ON Products.ProductID = [Order Details Extended].ProductID) ON Categories.CategoryID = Products.CategoryID WHERE (((Orders.OrderDate) Between #1/1/95# And #12/31/95#)) GROUP BY Categories.CategoryID, Categories.CategoryName, Products.ProductName ORDER BY Products.ProductName) group by CategoryName;"

8. 〈次へ〉をクリックして、〈完了〉をクリックします。
9. C1BubbleChart をページに追加します。
10. デザインビューで C1BubbleChart を選択し、そのスマートタグをクリックしてタスクメニューを開きます。
11. ［データソースの選択］ドロップダウンリストボックスから AccessDataSource1 を選択します。

    

12. C1BubbleChart プロパティウィンドウで DataBinding の横にある〈...〉ボタンをクリックします。C1BubbleChartBinding コレクション エディターが表示されます。
13. 〈追加〉をクリックして C1BubbleChartBinding メンバを追加します。
14. 次の C1BubbleChartBinding プロパティの値を入力します。
    • XField = CategoryName
    • YField = Sales
    • Y1Field = CT
15. Axis->X->TextStyle ノードを展開し、Rotation プロパティを -45 に設定します。
16. プロジェクトを実行し、保存します。実行時に、次のように表示されることを確認します。