複合チャート

FlexChart に複数の系列を追加し、系列ごとに異なるチャートタイプを設定できます。このようなチャートは、1 つのキャンバスで複雑なチャートデータを分析する場合に役立ちます。同じデータを異なる方法で視覚化して使用したり、関連するデータを一緒に表示して傾向を示すことができます。

次の図は、複数の系列を持つ FlexChart を示しています。

Basic mixed chart

次のコード例は、さまざまなチャートタイプを使用してチャートの複数のインスタンスを作成し、それらを FlexChart に追加する方法を示します。

サンプルコード

Java
C#

Java	コードのコピー
// 系列要素を初期化し、ChartPoint Class の変数へのバインドを設定します Series seriesSales = new Series(mChart, "2015 Sales", "sales"); Series seriesExpenses = new Series (mChart, "2015 Expenses", "expenses"); Series seriesDownloads = new Series (mChart, "2015 Downloads", "downloads"); // データ/項目のソースを FlexChart で設定 mChart.setItemsSource(ChartPoint.getList()); // 最初の系列を作成します seriesSales.setChartType(ChartType.COLUMN); seriesSales.setColor(Color.parseColor("#7278B2")); seriesSales.setBorderColor(Color.parseColor("#2D3047")); seriesSales.setBorderWidth(1); // 2 番目の系列を作成します seriesExpenses.setChartType(ChartType.COLUMN); seriesExpenses.setColor(Color.parseColor("#FAA9B4")); seriesExpenses.setBorderColor(Color.parseColor("#F6546A")); seriesExpenses.setBorderWidth(1); // 3 番目の系列を作成します seriesDownloads.setChartType(ChartType.LINE); // 系列をリストに追加します mChart.getSeries().add(seriesSales); mChart.getSeries().add(seriesExpenses); mChart.getSeries().add(seriesDownloads);

Java

コードのコピー

// 系列要素を初期化し、ChartPoint Class の変数へのバインドを設定します
Series seriesSales = new Series(mChart, "2015 Sales", "sales");
Series seriesExpenses = new Series (mChart, "2015 Expenses", "expenses");
Series seriesDownloads = new Series (mChart, "2015 Downloads", "downloads");

// データ/項目のソースを FlexChart で設定
mChart.setItemsSource(ChartPoint.getList());

// 最初の系列を作成します  
seriesSales.setChartType(ChartType.COLUMN);
seriesSales.setColor(Color.parseColor("#7278B2"));
seriesSales.setBorderColor(Color.parseColor("#2D3047"));
seriesSales.setBorderWidth(1);
     
// 2 番目の系列を作成します         
seriesExpenses.setChartType(ChartType.COLUMN);
seriesExpenses.setColor(Color.parseColor("#FAA9B4"));
seriesExpenses.setBorderColor(Color.parseColor("#F6546A"));
seriesExpenses.setBorderWidth(1);
        
// 3 番目の系列を作成します  
seriesDownloads.setChartType(ChartType.LINE);

// 系列をリストに追加します
mChart.getSeries().add(seriesSales);
mChart.getSeries().add(seriesExpenses);
mChart.getSeries().add(seriesDownloads);

C#	コードのコピー
// バインド付きの系列を作成します ChartSeries sales = new ChartSeries(mChart, "Sales", "Sales"); ChartSeries expenses = new ChartSeries(mChart, "Expenses", "Expenses"); ChartSeries downloads = new ChartSeries(mChart, "Downloads", "Downloads"); // データソースを設定します mChart.ItemsSource = SalesData.GetSalesDataList(); //最初の系列を作成します sales.ChartType = ChartType.Column; //3 番目の系列を作成します downloads.ChartType = ChartType.Line; //系列を追加します mChart.Series.Add(sales); mChart.Series.Add(expenses); mChart.Series.Add(downloads);

コードのコピー

// バインド付きの系列を作成します
ChartSeries sales = new ChartSeries(mChart, "Sales", "Sales");
ChartSeries expenses = new ChartSeries(mChart, "Expenses", "Expenses");
ChartSeries downloads = new ChartSeries(mChart, "Downloads", "Downloads");

// データソースを設定します
mChart.ItemsSource = SalesData.GetSalesDataList();

//最初の系列を作成します 
sales.ChartType = ChartType.Column;

//3 番目の系列を作成します
downloads.ChartType = ChartType.Line;

//系列を追加します
mChart.Series.Add(sales);
mChart.Series.Add(expenses);
mChart.Series.Add(downloads);