Vue TreeMap - Tooltip

import { DxTreeMapTypes } from "devextreme-vue/tree-map"

contentTemplate

Specifies a custom template for a tooltip.

Type:

template

| undefined
Function parameters:
info:

Object

Information on the node being pressed or hovered over.

Object structure:
Name Type Description
node

TreeMap Node

The Node object.
value

Number

The raw node value.
valueText

String

The formatted value converted to a string.
element:

HTMLElement | jQuery

The tooltip's container. It is an HTML Element or a jQuery Element when you use jQuery.

Return Value:

String

|

Element

|

jQuery

One of the following:

  • HTML markup as a string
  • A DOM node
  • A DOM node wrapped in a jQuery element
Default Value: undefined

customizeTooltip

Allows you to change tooltip appearance.

Type:

Function

| undefined
Function parameters:
info:

Object

Information on the node being pressed or hovered over with the mouse pointer.

Object structure:
Name Type Description
node

TreeMap Node

The Node object.
value

Number

The raw node value.
valueText

String

The formatted value converted to a string.
Return Value:

Object

The tooltip's text or markup and color.

Default Value: undefined