TooltipSettings API in Angular Circular Gauge API component

Sets and gets the options to customize the tooltip of the circular gauge.

Properties

annotationSettings

AnnotationTooltipModel

Gets and sets the tooltip settings for the annotation in circular gauge.

border

BorderModel

Sets and gets the options to customize the border for circular gauge tooltip.

enable

boolean

Enables or Disables the visibility of tooltip.

Defaults to false

enableAnimation

boolean

Enables and disables the animation to take place in circular gauge.

Defaults to true

fill

string

Sets and gets the fill color of the tooltip. This property accepts value in hex code, rgba string as a valid CSS color string.

Defaults to null

format

string

Sets and gets the format for the tooltip content in circular gauge.

Defaults to null

rangeSettings

RangeTooltipModel

Sets and gets the tooltip settings of the range in circular gauge.

showAtMousePosition

boolean

Enables and disables the tooltip of the circular gauge at mouse position. By default, it set as false.

Defaults to false

template

string

Sets and gets the custom template to format the tooltip content. Use ${x} and ${y} as a placeholder text to display the corresponding data point.

Defaults to null

textStyle

FontModel

Gets and sets the text style of the gauge tooltip.

type

string[]

Sets and gets the options to select the type of tooltip for range, annotation and pointer.

Defaults to Pointer