FlexChart でデータラベルを追加して、チャート領域の縦棒、横棒、またはポイントに対応する正確な値を表示できます。FlexChart のデータラベルの position プロパティを使用して、データラベルの位置を設定できます。ユーザーは、次の位置にデータラベルを設定できます。
- 上 - チャート領域の縦棒、横棒、またはポイントの上側にデータラベルを表示します
- 下 - チャート領域の縦棒、横棒、またはポイントの下にデータラベルを表示します
- 右 - チャート領域の縦棒、横棒、またはポイントの右側にデータラベルを表示します
- 左 - チャート領域の縦棒、横棒、またはポイントの左側にデータラベルを表示します
- 中 - チャート領域の縦棒、横棒、またはポイントの中央にデータラベルを表示します
次の図は、各月に対応するデータラベルに、売上データを表示する FlexChart コントロールです。
次のコード例は、Flexchart コントロールのデータラベルを設定する方法を示します。例では、「クイックスタート」セクションで作成したサンプルを使用します。
chart.chartType = XuniChartType.Column
chart.dataLabel.position = FlexChartDataLabelPosition.Top
chart.dataLabel.content = "{seriesName}\n{y}"
chart.dataLabel.dataLabelFormat = "C"
chart.dataLabel.dataLabelFontColor = UIColor.redColor()
chart.dataLabel.dataLabelBackgroundColor = UIColor.whiteColor()
chart.dataLabel.dataLabelBorderColor = UIColor.grayColor()
chart.dataLabel.dataLabelBorderWidth = 1
chart.chartType = XuniChartTypeColumn;
chart.dataLabel.position = FlexChartDataLabelPositionTop;
chart.dataLabel.content= @"{seriesName}\n{y}";
chart.dataLabel.dataLabelFormat = @"C";
chart.dataLabel.dataLabelFontColor = [UIColor redColor];
chart.dataLabel.dataLabelBackgroundColor = [UIColor whiteColor];
chart.dataLabel.dataLabelBorderColor = [UIColor grayColor];
chart.dataLabel.dataLabelBorderWidth = .1;
chart.ChartType = ChartType.ChartTypeColumn;
chart.DataLabel.Position = ChartDataLabelPosition.ChartDataLabelPositionTop;
chart.DataLabel.Content = (NSString)"{y}";
chart.DataLabel.DataLabelFormat = (NSString)"C0";
chart.DataLabel.DataLabelFontColor = UIColor.Red;
chart.DataLabel.DataLabelBackgroundColor = UIColor.White;
chart.DataLabel.DataLabelBorderColor = UIColor.Gray;
chart.DataLabel.DataLabelBorderWidth = .1;