Config
pointHovering

pointHovering

๋ฐ์ดํ„ฐํฌ์ธํŠธ์— ๋งˆ์šฐ์ˆ˜๊ฐ€ ์˜ฌ๋ผ๊ฐˆ ๋•Œ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ์‹ ์„ค์ • ๋ชจ๋ธ.

Properties

hintDistance: number

line , bubble , scatter ์‹œ๋ฆฌ์ฆˆ์ฒ˜๋Ÿผ marker๋กœ ํ‘œ์‹œ๋˜๋Š” ๋ฐ์ดํ„ฐํฌ์ธํŠธ์˜ ์œ„์น˜๋ฅผ ์ฐพ์„ ๋•Œ ๋ฐ์ดํ„ฐํฌ์ธํŠธ maker ์™ธ๋ถ€๋กœ ์ถ”๊ฐ€๋˜๋Š” ๊ฐ€์ƒ์˜ ๋‘๊ป˜.
0์ดํ•˜๋ฉด ํ‘œ์‹œ๋˜๋Š” ํฌ๊ธฐ๋กœ ๊ณ„์‚ฐ๋œ๋‹ค. ์ƒ๋‹นํžˆ ํฐ ํฌ๊ธฐ๋กœ ์ง€์ •ํ•˜๋ฉด ๋งˆ์šฐ์Šค๊ฐ€ ์–ด๋Š ์œ„์น˜์— ์žˆ๋“  ๋งˆ์šฐ์Šค์— ๊ฐ€์žฅ ๊ฐ€๊นŒ์šด marker๊ฐ€ ์ฐพ์•„์ง„๋‹ค.
๋ฌผ๋ก  ๋งˆ์šฐ์Šค๊ฐ€ ์‹ค์ œ ํ‘œ์‹œ๋˜๋Š” marker ์œ„์— ์žˆ๋‹ค๋ฉด ๊ทธ ๊ฒƒ์œผ๋กœ ๊ฒฐ์ •๋œ๋‹ค. ์ฐพ์•„์ง„ ๋ฐ์ดํ„ฐํฌ์ธํŠธ๊ฐ€ ๋งˆ์šฐ์Šค ์•„๋ž˜ ์žˆ๋Š” ๊ฒƒ์œผ๋กœ ์—ฌ๊ฒจ์ ธ์„œ hover ํšจ๊ณผ๊ฐ€ ํ‘œ์‹œ๋˜๊ฑฐ๋‚˜ ๊ด€๋ จ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค.
๊ธฐ๋ณธ๊ฐ’์€ ์ฐจํŠธ์— tooltip์ด ํ‘œ์‹œ๋˜๊ณ  tooltip. followPointer ๊ฐ€ true์ด๋ฉด ์ฐจํŠธ ํฌ๊ธฐ๋ณด๋‹ค ํฐ ๊ฐ’์ด ๋˜๊ณ , ์•„๋‹ˆ๋ฉด 30 ํ”ฝ์…€์ด๋‹ค.

default: undefined

scope: 'auto'|'axis'|'group'|'point'

๋ฐ์ดํ„ฐํฌ์ธํŠธ hover์‹œ ๋™์ผํ•œ ํšจ๊ณผ๋ฅผ ํ‘œ์‹œํ•  ์—ฐ๊ด€๋œ ํฌ์ธํŠธ๋“ค์„ ์„ ํƒํ•˜๋Š” ๋ฒ”์œ„.

  • 'auto' hover๋œ ๋ฐ์ดํ„ฐํฌ์ธํ„ฐ์˜ ์ƒํƒœ์— ๋”ฐ๋ผ ์ž๋™์œผ๋กœ ๊ฒฐ์ •ํ•œ๋‹ค.
    ์ด true์ด๋ฉด 'point', ๋ฐ์ดํ„ฐํฌ์ธํŠธ์˜ x์ถ•์— 'crosshair'๊ฐ€ ๋™์ž‘ ์ค‘์ด๋ฉด 'axis', ๋ฐ์ดํ„ฐํฌ์ธํŠธ๊ฐ€ series group์— ํฌํ•จ๋œ ๊ฒฝ์šฐ์ด๋ฉด 'group', ์•„๋‹ˆ๋ฉด 'point'๊ฐ€ ๋œ๋‹ค.
  • 'axis' ๋งˆ์šฐ์Šค ์•„๋ž˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐํฌ์ธํŠธ์™€ ๊ฐ™์€ x์ถ•์— ์—ฐ๊ฒฐ๋˜๊ณ  x๊ฐ’์ด ๊ฐ™์€ ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋“ค์„ ๋ชจ๋‘ ์„ ํƒํ•œ๋‹ค.
  • 'group' ๋งˆ์šฐ์Šค ์•„๋ž˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐํฌ์ธํŠธ์™€ ๊ฐ™์€ series group์— ํฌํ•จ๋œ ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋“ค์„ ๋ชจ๋‘ ์„ ํƒํ•œ๋‹ค.
  • 'point' ๋งˆ์šฐ์Šค ์•„๋ž˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋งŒ ํšจ๊ณผ๊ฐ€ ํ‘œ์‹œ๋œ๋‹ค.

default: 'auto'

style: SVGStyles | string

์Šคํƒ€์ผ์…‹ ํ˜น์€ class selector.

  • SVGStyles
NameTypeOptional
fillstringtrue
fillOpacitystringtrue
fontFamilystringtrue
fontSizestringtrue
fontStylestringtrue
fontWeightstringtrue
rxstringtrue
strokestringtrue
strokeDasharraystringtrue
strokeWidthstringtrue
textAlign'center' | 'left' | 'right'true

visible: boolean

ํ‘œ์‹œ ์—ฌ๋ถ€.

default: true