TreeMap for ASP.NET Web Forms
ツールチップ
主な機能 > ツールチップ

ShowTooltipプロパティをtrueに設定するだけで、領域の上にマウスを置いたときに領域のラベルと値を表示できます。

このトピックでは、「クイックスタート」トピックで作成したサンプルを使用して、各国の上にマウスを置くとその国の面積(平方マイル)が表示されるようにします。

デザイナの場合

  1. TreeMapコントロールを右クリックし、[プロパティ]を選択してプロパティウィンドウを開きます。
  2. ShowTooltipプロパティをtrueに設定します。このプロパティは、デフォルトではFalseに設定されます。
  3. Tooltipプロパティに、タイルの上にマウスを置いたときに表示するテキストを設定します。
  4. [F5]キーを押してプロジェクトを実行します。

ソースビューの場合

ツールチップを表示するには、<c1:C1TreeMap>タグ内で、ShowTooltipプロパティをtrueに設定し、ツールチップテキストを設定します。

ソースビュー
コードのコピー
<c1:c1treemap id="C1TreeMap1" runat="server" height="300px" width="500px" 
 showbackbutton="True" viewstatemode="Enabled" ShowTooltip="True" 
 ToolTip="大陸名:アジア">           

コードの場合

次のコードをPage_Loadイベントに追加して、ShowTooltipプロパティをtrueに設定し、ツールチップテキストを設定します。

C#
コードのコピー
C1TreeMap1.ShowTooltip = true;
C1TreeMap1.ToolTip = "大陸名:アジア";
VB
コードのコピー
C1TreeMap1.ShowTooltip = True
C1TreeMap1.ToolTip = "大陸名:アジア"

ここまでの成果

プロジェクトを実行したら、地域の上にマウスを置き、次の図のように、その領域のラベルと値がツールチップに表示されることを確認します。

タイトルの上にマウスを置き、次のように、入力したツールチップテキストがツールチップに表示されることを確認します。