GrapeCity ActiveReports for .NET 12.0J
HTML5ビューワで表示するチャートへのツールヒントの追加

ツールヒントは、ポインタをホバーさせた箇所に関する情報を表示する機能です。チャートの表示中に、データ系列の上でポインタをホバーさせると、ツールヒントがデータ点に関する情報とラベルを表示します。

[Chart データ]ダイアログの[系列]ページの[ツールヒント]フィールドの式を使用して、HTML5ビューワに表示されるチャートのデータ点の情報を表示するツールヒントを定義することができます。Tooltipプロパティを使用して、コードでチャートのツールヒントを設定することも可能です。
Tooltipプロパティを設定すると、現在のカテゴリグループのラベル値が各データ点とともに表示されます。入れ子式のグループ化を行っている場合は、最下層に位置するカテゴリの値が表示されます。

以下の3種類のチャートは、対話的機能をサポートしていません。また、HTML5ビューワでチャートを表示する際のツールヒント機能もサポートしていません。

メモ: このトピックでは、HTML5ビューワサンプルを使用します。

HTML5ビューワで表示するチャートにツールヒントを追加するには

  1. HTML5 Viewerサンプルを開きます。
  2. [ソリューションエクスプローラー]で、[Reports]フォルダへと移動し、SalesDashboard.rdlxファイルを開きます。
  3. [レポートエクスプローラ]で、「ch売上高_棒」チャートを選択します。
  4. [プロパティ]ウィンドウの下部にある各種コマンドのうち、「データ」をクリックして[Chart データ]ダイアログを開きます。
  5. [系列]ページへと移動し、表示されている系列名のうち、「売上高」を選択します。
  6. [ツールヒント]フィールドに次の式を入力します。

    ="売上高: " & Sum(Fields!売上高.Value)

  7. [系列]ページに表示されている系列名のうち、「目標値」を選択します。
  8. [ツールヒント]フィールドに次の式を入力します。

    ="目標値 : " & Fields!目標値.Value

  9. [OK]をクリックしてダイアログを閉じます。
  10. アプリケーションを実行します。表示されるチャートの系列上でポインタをホバーすると、ツールヒントが表示されます。

メモ:
  • Tooltipプロパティがnullでなければ、ツールヒントは実行時に必ず表示されます。
  • ツールヒントの太字部分は、現在のカテゴリグループのラベル値です。ツールヒントの設定に使用している式は、[Chart データ]ダイアログの[カテゴリグループ]ページの[全般]タブへ移動し、[見出しマップラベル]フィールドで参照することができます。
  • カテゴリグループの「見出しマップラベル」を指定しなかった場合は、ツールヒントのラベル値は自動生成されます。
関連トピック

概念

 

 


Copyright © 2003 GrapeCity inc. All rights reserved.