Skip to content

グラフのツールチップ

ツールチップ ツールチップ ツールチップ ツールチップ ツールチップ

ツールチップとは、グラフ上のデータポイントなどにマウスを重ねると表示される情報です。

ツールチップ

縦軸、横軸情報を表示する

設定を ON にすると、ツールチップ内に下記の順で情報が表示されます。
初期状態では縦軸情報のみ ON になっています。

(横軸名): (横軸の値)
(縦軸名): (縦軸の値)

グラフタイプ=箱ひげ

箱ひげの場合のみ、縦軸情報として下記がツールチップ内に表示されます。

最大: (最大値)
Q3: (第 3 四分位数)
中央: (中央値)
Q1: (第 1 四分位数)
最小: (最小値)

凡例名を表示する

凡例付きグラフの場合、ツールチップ内の先頭に凡例名が表示されます。
初期状態では ON になっています。

(凡例名): (凡例のラベル名)

値を表示する

軸を持たないグラフタイプの場合の表示設定です。
円の場合は凡例、レーダーチャートの場合は外周軸に対応するデータの値が表示されます。
なお円グラフの場合、描画時に変換された割合の値ではなく、データの値そのものが表示されます。

(値に指定した列名): (凡例に該当する値)

表示内容自分で設定する

ツールチップに表示する内容を細かくカスタマイズすることができます。
テキストフィールドにフォーマットを記述することができ、記法を下記に説明します。

  • $xAxisName: 横軸名
  • $label: 横軸の値
  • $yAxisName: 縦軸名
  • $dataValue: ビジュアライズ軸オプションを適用した縦軸の値
  • $value: ビジュアライズ軸オプションを適用しない縦軸の値
  • $seriesName: 凡例名

これらを組み合わせることで、下記のような情報をツールチップ内に表示できます。

例 1

表示内容

(凡例名):(縦軸値)

記述内容

$seriesName:$dataValue

例 2

表示内容

(凡例名)
x: (横軸値)
y: (縦軸値)

記述内容

$seriesName
x: $label
y: $dataValue