ユーザーが FlexChart コントロールの任意のポイントをタップすると、デフォルトでツールチップに凡例の名前および X 値と Y 値が表示されます。 また、C1FlexChart コントロールでは、ツールチップの背景色、テキスト色などをカスタマイズできます。

次の図は、ツールチップが FlexChart に表示されたところです。

次のコード例は、C# でツールチップをカスタマイズする方法を示します。

C# のコード

次の例では、「クイックスタート」セクションで作成したサンプルを使用します。

1. MainActivity.cs ファイルに次のコードを追加します。

   C#

   コードのコピー

   public class MyToolTip : ChartTooltip { TextView mTitle; TextView mContent; String mParentPackage; public MyToolTip(FlexChart flexChart, Context context) : base(context) { mParentPackage = context.PackageName; //SetPadding(10, 10, 10, 10); // カスタムレイアウトを作成する LinearLayout customLayout = new LinearLayout(Context); customLayout.SetBackgroundColor(Color.ParseColor("#FFFFCA")); customLayout.Orientation = Android.Widget.Orientation.Vertical; LinearLayout childLayout = new LinearLayout(Context); childLayout.Orientation = Android.Widget.Orientation.Horizontal; // レイアウト要素を初期化する mTitle = new TextView(Context); mContent = new TextView(Context); // 要素のプロパティを設定する mTitle.SetTextColor(Color.Black); mTitle.SetTypeface(mTitle.Typeface, TypefaceStyle.Bold); mTitle.SetPadding(10, 10, 10, 10); mContent.SetTextColor(Color.Black); mContent.SetPadding(5,5,5,5); childLayout.SetBackgroundColor(); // レイアウトを追加する childLayout.AddView(mTitle); customLayout.AddView(childLayout); customLayout.AddView(mContent); AddView(customLayout); }

2. 次のコード行を追加して、 MainActivity.cs クラスにカスタムツールチップを設定します。

   C#	コードのコピー
   // ツールチップをカスタマイズする mChart.Tooltip.Content = new MyTooltip(mChart, mChart.Context);