BlogPlaygroundOne

VPieTooltip API

ads via vuetify

Props
name
type
default
item
{
  key: string | number | symbol
  color: string
  value: number
  title: string
  pattern: string
  isActive: boolean
  raw: Record<string, any>
}

null

Data item related to hovered segment

model-value
boolean

false

The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.

offset
string | number | number[]

10

Increases distance from the target. When passed as a pair of numbers, the second value shifts anchor along the side and away from the target.

subtitle-format
  | string
  | ((v: {
      key: string | number | symbol
      color: string
      value: number
      title: string
      pattern: string
      isActive: boolean
      raw: Record<string, any>
    }) => string)

'[value]'

Formatter definition or function. When passed as String macros for [title] and [value] get replaced dynamically.

target
[number, number]

undefined

The coordinates used to position the tooltip.

title-format
  | string
  | ((v: {
      key: string | number | symbol
      color: string
      value: number
      title: string
      pattern: string
      isActive: boolean
      raw: Record<string, any>
    }) => string)

'[title]'

Formatter definition or function. When passed as String macros for [title] and [value] get replaced dynamically.

transition
string | boolean | (TransitionProps & { component: Component })

'fade-transition'

The transition used when hovering between chart segments

Slots
{ item: { key: string | number | symbol color: string value: number title: string pattern: string isActive: boolean raw: Record<string, any> } }
{ item: { key: string | number | symbol color: string value: number title: string pattern: string isActive: boolean raw: Record<string, any> } }
default

The default Vue slot.

prepend

Adds an item outside the input and before input content.