Vue Funnel - Tooltip

import { DxFunnelTypes } from "devextreme-vue/funnel"

contentTemplate

Specifies a custom template for a tooltip.

Type:

template

| undefined
Function parameters:
info:

Object

Information on the funnel item being pressed or hovered over.

Object structure:
Name Type Description
item

Funnel Item

The Item object.
percent

Number

The item's percentage value.
percentText

String

The item's formatted percentage value converted to a string.
value

Number

The raw item value.
valueText

String

The item's 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

Customizes a specific tooltip's appearance.

Type:

Function

| undefined
Function parameters:
info:

Object

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

Object structure:
Name Type Description
item

Funnel Item

The Item object.
percent

Number

The item's percentage value.
percentText

String

The item's formatted percentage value converted to a string.
value

Number

The raw item value.
valueText

String

The item's formatted value converted to a string.
Return Value:

Object

The tooltip's text or markup and appearance settings.

Default Value: undefined