Xuni コントロール > FlexChart > 機能 > 複合チャート |
FlexChart に複数の系列を追加し、系列ごとに異なるチャートタイプを設定できます。このようなチャートは、1 つのキャンバスで複雑なチャートデータを分析する場合に役立ちます。同じデータを異なる方法で視覚化して使用したり、関連するデータを一緒に表示して傾向を示すことができます。
次の図は、複数の系列を持つ FlexChart を示しています。
次のコード例は、さまざまなチャートタイプを使用してチャートの複数のインスタンスを作成し、それらを FlexChart に追加する方法を示します。
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); |