複合チャート

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

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

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

サンプルコード

Swift
Objective-C
C#

chart.itemsSource = Data.demoData()
chart.bindingX = "month"

let sales = XuniSeries(forChart: chart, binding: "sales, sales", name: "2015 Sales")
let expenses = XuniSeries(forChart: chart, binding: "expenses, expenses", name: "Expenses")
let downloads = XuniSeries(forChart: chart, binding: "downloads, downloads", name: "Downloads")
            
chart.series.addObject(sales)
chart.series.addObject(expenses)
chart.series.addObject(downloads)

sales.chartType = XuniChartType.Column
expenses.chartType = XuniChartType.LineSymbols
downloads.chartType = XuniChartType.Line

FlexChart *chart = [[FlexChart alloc] initWithFrame: CGRectMake(0,0,300,300)];
chart.itemsSource = [FlexChartDataSource demoData];

//FlexChart へのデータのバインド。
chart.bindingX = @"monthsName";

//チャートの系列を作成します。
XuniSeries *s1 = [[XuniSeries alloc] initForChart:chart binding:@"Sales" name:@" 2015 Sales"];
XuniSeries *s2 = [[XuniSeries alloc] initForChart:chart binding:@"Expenses" name:@"Expenses"];
XuniSeries *s3 = [[XuniSeries alloc] initForChart:chart binding:@"Downloads" name:@"Downloads"];

//Set chart type for series 2 and series 3
s2.chartType = XuniChartTypeLineSymbols;
s3.chartType = XuniChartTypeLine;

//系列のオブジェクトを追加します。
[chart.series addObject:s1];
[chart.series addObject:s2];
[chart.series addObject:s3];
self.view = chart;

chart.ItemsSource = FlexChartDataSource.GetSalesData();

//FlexChart へのデータのバインド。
 chart.BindingX = "Name";

//チャートの系列を作成します。
Series _series = new Series(chart, (NSString)"2014 Sales", (NSString)"Sales");
Series _series2 = new Series(chart, (NSString)"2014 Expenses", (NSString)"Expenses");
Series _series3 = new Series(chart, (NSString)"2014 Downloads", (NSString)"Downloads");

//Set the chart type for series 2 and series 3
_series.ChartType = ChartType.ChartTypeColumn;
_series2.ChartType = ChartType.ChartTypeLineSymbols;
_series3.ChartType = ChartType.ChartTypeLine;

//系列のオブジェクトを追加します。
chart.Series.Add(_series) ;
chart.Series.Add(_series2);
chart.Series.Add(_series3);