[Xuni:FlexChart] チャートの軸に表示するテキストの色やサイズを変更する方法 (Xamarin.Forms)

文書番号 : 81991     文書種別 : HowTo
登録日 : 2017/02/22     最終更新日 : 2017/02/22

対象製品

Xuni

詳細

FlexChartで表示したグラフ・チャートのX軸およびY軸に、データの名称をラベルとして表示できます。
ラベルに表示するテキストはカスタマイズ可能です。
以下のコードでは表示するテキストの大きさや色、表示角度を変更しています。

サンプルコード
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-機能-軸のカスタマイズ