ScatterChartSeries オブジェクトは、散布図にプロットされるデータを表します。１つ以上の ScatterChartSeries を C1ScatterChart 上に持つことができます。各 ScatterChartSeries は異なる色で表されます。ScatterChartSeries は、デザインビューで ScatterChartSeries コレクションエディターから追加でき、ソースビューでは ScatterChartSeries 要素から追加できます。また、プログラムによって ScatterChartSeries オブジェクトから追加できます。

コードビューでの ScatterChartSeries の追加

1. フォームを右クリックし、［コードの表示］を選択してコードファイルを表示してから、次の指示文を追加して C1.Web.Wijmo.Controls.Chart 名前空間を宣言します。

   C#コードの書き方

   C#	コードのコピー
   Using C1.Web.Wijmo.Controls.Chart;

2. 作成するコードファイルに次の関数を追加し、データを C1ScatterChart に追加します。

   C#コードの書き方

   C#

   コードのコピー

   private void PrepareOptions() { var valuesX = new List<double?>() { 161.2, 167.5, 159.5, 157, 155.8, 170, 159.1, 166, 176.2, 160.2 }; var valuesY = new List<double?>() { 51.6, 59, 49.2, 63, 53.6, 59, 47.6, 69.8, 66.8, 75.2}; //女性の系列一覧 var series = new ScatterChartSeries(); this.C1ScatterChart1.SeriesList.Add(series); series.MarkerType = MarkerType.Circle; series.Data.X.AddRange(valuesX.ToArray<double?>()); series.Data.Y.AddRange(valuesY.ToArray<double?>()); series.Label = "Female"; series.LegendEntry = true; //男性の系列一覧 valuesX = new List<double?>() { 174, 175.3, 193.5, 186.5, 187.2, 181.5, 184, 184.5, 175, 184}; valuesY = new List<double?>() { 65.6, 71.8, 80.7, 72.6, 78.8, 74.8, 86.4, 78.4, 62, 81.6}; series = new ScatterChartSeries(); this.C1ScatterChart1.SeriesList.Add(series); series.MarkerType = MarkerType.Diamond; series.Data.X.AddRange(valuesX.ToArray<double?>()); series.Data.Y.AddRange(valuesY.ToArray<double?>()); series.Label = "Male"; series.LegendEntry = true; }

3. コードページに以下のコードを追加し、ポストバックされないときに関数を呼び出します。

   C#コードの書き方

   C#	コードのコピー
   protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { PrepareOptions(); } }

デザインビューでの ScatterChartSeries の追加

1. C1ScatterChart コントロールを選択して、そのスマートタグをクリックします。
2. ［C1ScatterChart タスク］メニューで、シリーズ一覧項目を選択します。これによって、［ScatterChartSeries コレクションエディター］ダイアログボックスが開きます。
3. 〈追加〉をクリックし、ScatterChartSeries メンバを シリーズ一覧コレクションに追加します。

ソースビューでの ScatterChartSeries の追加