[Xuni:FlexChart] チャートの軸に表示するテキストの色やサイズを変更する方法 （Xamarin.Forms）
文書番号 : 81991
文書種別 : 使用方法
登録日 : 2017/02/22
最終更新日 : 2017/02/22
対象製品
Xuni
詳細
FlexChartで表示したグラフ・チャートのX軸およびY軸に、データの名称をラベルとして表示できます。
ラベルに表示するテキストはカスタマイズ可能です。
以下のコードでは表示するテキストの大きさや色、表示角度を変更しています。
サンプルコード
C#（Xamarin.Forms）
Xuni ＞ 技術情報 ＞ ドキュメント ＞ FlexChart－機能－軸ラベルの書式設定
Xuni ＞ 技術情報 ＞ ドキュメント ＞ FlexChart－機能－軸のカスタマイズ
ラベルに表示するテキストはカスタマイズ可能です。
以下のコードでは表示するテキストの大きさや色、表示角度を変更しています。
サンプルコード
C#（Xamarin.Forms）
// 縦棒グラフの系列を作成
ChartSeries s1 = new ChartSeries();
s1.ChartType = ChartType.Column;
s1.Binding = "Y1"; // データ設定
// 要素の色を設定
s1.Color = Color.FromHex("a4c639");
// X軸のラベルをカスタマイズ
// テキストのサイズ
flexchart.AxisX.LabelFontSize = 15;
// テキストの文字色
flexchart.AxisX.LabelTextColor = Color.FromHex("#3498db");
// テキストの表示角度
flexchart.AxisX.LabelAngle = 60;
// X軸のラベルをカスタマイズ
// テキストのサイズ
flexchart.AxisY.LabelFontSize = 30;
// テキストの文字色
flexchart.AxisY.LabelTextColor = Color.FromHex("#3498db");
// X軸、Y軸の線色を変更
flexchart.AxisX.LineColor = Color.FromHex("#b50f52");
flexchart.AxisY.LineColor = Color.FromHex("#b50f52");
Xuni ＞ 技術情報 ＞ ドキュメント ＞ FlexChart－機能－軸ラベルの書式設定
Xuni ＞ 技術情報 ＞ ドキュメント ＞ FlexChart－機能－軸のカスタマイズ