Mpld3: ๋ง‰๋Œ€ ์œ„๋กœ ๋„๊ตฌ ์„ค๋ช… ๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€์ ธ๊ฐ‘๋‹ˆ๋‹ค(์‹คํ–‰ ๊ฐ€๋Šฅ์„ฑ).

์— ๋งŒ๋“  2015๋…„ 01์›” 21์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mpld3/mpld3

๋ง‰๋Œ€ ์ฐจํŠธ์— PointLabelTooltip ์œ ์‚ฌํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ์‰ฌ์šธ๊นŒ์š”? ๋ง‰๋Œ€ ์œ„๋กœ ๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€์ ธ๊ฐ€๋ฉด ํˆดํŒ์ด ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

LineLabelTooltip ์‚ฌ์šฉํ•˜์—ฌ ์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

N = 10
bars = plt.bar(np.arange(N), np.random.normal(size=N))

for i, bar in enumerate(bars.get_children()):
    tooltip = mpld3.plugins.LineLabelTooltip(bar, label=str(i))
    mpld3.plugins.connect(plt.gcf(), tooltip)

mpld3.display()

์ด๊ฒƒ์„ ๋” ์‰ฝ๊ฒŒ ๋งŒ๋“œ๋Š” BarTooltip ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์žˆ์œผ๋ฉด ๊ฐ€์น˜๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  4 ๋Œ“๊ธ€

LineLabelTooltip ์‚ฌ์šฉํ•˜์—ฌ ์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

N = 10
bars = plt.bar(np.arange(N), np.random.normal(size=N))

for i, bar in enumerate(bars.get_children()):
    tooltip = mpld3.plugins.LineLabelTooltip(bar, label=str(i))
    mpld3.plugins.connect(plt.gcf(), tooltip)

mpld3.display()

์ด๊ฒƒ์„ ๋” ์‰ฝ๊ฒŒ ๋งŒ๋“œ๋Š” BarTooltip ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์žˆ์œผ๋ฉด ๊ฐ€์น˜๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํŒ ๊ณ ๋งˆ์›Œ.

์•ˆ๋…•ํ•˜์„ธ์š”, Aflaxman์ž…๋‹ˆ๋‹ค.

PointHTMLTooltip์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ง‰๋Œ€์— ํˆดํŒ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐ ์–ด๋ ค์›€์„ ๊ฒช์—ˆ์Šต๋‹ˆ๋‹ค. LineLabelTooltip์œผ๋กœ ๋Œ€์ฒดํ•˜๊ณ  ๋ง‰๋Œ€๊ฐ€ ์ง์‚ฌ๊ฐํ˜• ํŒจ์น˜๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์ดํ•ดํ•œ ํ›„ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค!
๊ทธ๊ฒƒ์— ๋Œ€ํ•ด ๋Œ€๋‹จํžˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค...
์งˆ๋ฌธ์ด ํ•˜๋‚˜ ๋” ์žˆ์Šต๋‹ˆ๋‹ค... LineLabelTooltip ํ”Œ๋Ÿฌ๊ทธ์ธ์— ์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ CC๋ฅผ ์–ด๋–ป๊ฒŒ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ํˆดํŒ์˜ ํ˜•์‹์„ ์™ผ์ชฝ ํ™”์‚ดํ‘œ(.tooltip .tooltiptext::after)๋กœ ์ง€์ •ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.
PointHTMLTooltip์—์„œ๋Š” CSS๋ฅผ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์ง€๋งŒ LineLabelTooltip์—์„œ๋Š” ์ด ์˜ต์…˜์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค...

๊ฐ์‚ฌ ํ•ด์š”

LineLabelTooltip์„ LineHTMLTooltip์œผ๋กœ ๋Œ€์ฒดํ•˜๊ณ  ๋ ˆ์ด๋ธ”์„ ํˆดํŒ html ํƒœ๊ทธ๋กœ ๋ž˜ํ•‘ํ•˜๋ฉด ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค.
์ข‹๋‹ค:
๋ผ๋ฒจ="

"+ thisLabel + "
"
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰