Mpld3: xticks νšŒμ „μ΄ λ¬΄μ‹œλ©λ‹ˆλ‹€.

에 λ§Œλ“  2018λ…„ 03μ›” 16일  Β·  6μ½”λ©˜νŠΈ  Β·  좜처: mpld3/mpld3

plt.xticks(positions, labels, rotation=90)λ₯Ό μ‚¬μš©ν•˜μ—¬ xμΆ•μ—μ„œ λ ˆμ΄λΈ”μ„ νšŒμ „ν•˜λ €κ³  ν•©λ‹ˆλ‹€. plt.show()λ₯Ό μ‚¬μš©ν•˜μ—¬ μ œλŒ€λ‘œ μž‘λ™ν•˜λŠ” λ™μ•ˆ mpld3.show()λŠ” νšŒμ „ λ§€κ°œλ³€μˆ˜λ₯Ό μ™„μ „νžˆ λ¬΄μ‹œν•˜κ³  λŒ€μ‹  ν…μŠ€νŠΈλ₯Ό μˆ˜ν‰μœΌλ‘œ(0 νšŒμ „) ν‘œμ‹œν•©λ‹ˆλ‹€.

λˆ„κ΅°κ°€ ν•΄κ²° 방법을 μ œμ•ˆν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‚˜λŠ” 이것을 더 μžμ„Ένžˆ μ‚΄νŽ΄λ³΄μ•˜κ³  ν‹± νšŒμ „μ€ κ΅¬ν˜„λœ 적이 μ—†λŠ” κΈ°λŠ₯인 κ²ƒμœΌλ‘œ 보이며 μ•„λ§ˆλ„ mplexporter 와 mpld3.js λͺ¨λ‘μ—μ„œ κ΅¬ν˜„ν•΄μ•Ό ν•  ν•„μš”κ°€ μžˆλ‹€λŠ” 결둠에 λ„λ‹¬ν–ˆμŠ΅λ‹ˆλ‹€. νšŒμ „ 정보가 ν˜„μž¬ MPLμ—μ„œ D3으둜 μ „λ‹¬λ˜κ³  μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. νšŒμ „ 정보λ₯Ό μΆ”μΆœν•œλ‹€ mplexporter/mplexporter/utils.py 및 D3의 κ·Έλž˜ν”„μ— μΆ”κ°€ src/core/axis.js . λ‚˜λŠ” 이것을 κ΅¬ν˜„ν•˜λŠ” 데 μ‹œκ°„μ„ ν• μ• ν•˜κΈ° μœ„ν•΄ μ΅œμ„ μ„ λ‹€ν•  κ²ƒμž…λ‹ˆλ‹€. 이제 문제λ₯Ό μ‹λ³„ν–ˆκΈ° λ•Œλ¬Έμ— 더 빨리 μ§„ν–‰λ˜μ–΄μ•Ό ν•˜μ§€λ§Œ ν˜„μž¬ ν‹± νšŒμ „μ€ mpld3κ°€ μ§€μ›ν•˜λŠ” 것이 μ•„λ‹™λ‹ˆλ‹€. 곧 μΆ”κ°€ν•˜λ„λ‘ λ…Έλ ₯ν•˜κ² μŠ΅λ‹ˆλ‹€! :)

λͺ¨λ“  6 λŒ“κΈ€

λ„€ 저도 이거 고민쀑인데 제λͺ©μ΄ μ•ˆλœ¨λ„€μš”
Capture

쒋은 μ§ˆλ¬Έμž…λ‹ˆλ‹€ @azayz @pranet -- μ‚΄νŽ΄λ³΄κ² μŠ΅λ‹ˆλ‹€!

ν˜„μž¬ μž‘μ—… 쀑이며 μˆ˜μ •λ˜λŠ” λŒ€λ‘œ μ—…λ°μ΄νŠΈν•˜κ² μŠ΅λ‹ˆλ‹€! μ‹œκ°„μ„ λ‚΄μ„œ λŠ¦μ–΄μ„œ μ£„μ†‘ν•©λ‹ˆλ‹€. :)

~ @azayz μ €λŠ” ν˜„μž¬ 이것을 ν…ŒμŠ€νŠΈ μ€‘μž…λ‹ˆλ‹€. κ·€ν•˜μ˜ μ½”λ“œλ₯Ό κ³΅μœ ν•  수 μžˆλŠ” κΈ°νšŒκ°€ μžˆμŠ΅λ‹ˆκΉŒ? κ·Έλž˜μ„œ μ œκ°€ μ‹€μ œλ‘œ κ·€ν•˜μ˜ μ‚¬μš© 사둀에 맞게 μˆ˜μ •ν•˜κ³  μžˆλŠ”μ§€ 확인할 수 μžˆμŠ΅λ‹ˆκΉŒ? 어쩐지 λ„ˆλ³΄λ‹€ 버그가 더 λ§Žμ•„.~

λ˜ν•œ κ΄€λ ¨ 문제: #369 #22 #221 #360 #364

νŽΈμ§‘ 1: #471μ—μ„œ μΆ”κ°€ matplotlib==3.3.0 버그가 μΆ”μ λ˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” 이것을 더 μžμ„Ένžˆ μ‚΄νŽ΄λ³΄μ•˜κ³  ν‹± νšŒμ „μ€ κ΅¬ν˜„λœ 적이 μ—†λŠ” κΈ°λŠ₯인 κ²ƒμœΌλ‘œ 보이며 μ•„λ§ˆλ„ mplexporter 와 mpld3.js λͺ¨λ‘μ—μ„œ κ΅¬ν˜„ν•΄μ•Ό ν•  ν•„μš”κ°€ μžˆλ‹€λŠ” 결둠에 λ„λ‹¬ν–ˆμŠ΅λ‹ˆλ‹€. νšŒμ „ 정보가 ν˜„μž¬ MPLμ—μ„œ D3으둜 μ „λ‹¬λ˜κ³  μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. νšŒμ „ 정보λ₯Ό μΆ”μΆœν•œλ‹€ mplexporter/mplexporter/utils.py 및 D3의 κ·Έλž˜ν”„μ— μΆ”κ°€ src/core/axis.js . λ‚˜λŠ” 이것을 κ΅¬ν˜„ν•˜λŠ” 데 μ‹œκ°„μ„ ν• μ• ν•˜κΈ° μœ„ν•΄ μ΅œμ„ μ„ λ‹€ν•  κ²ƒμž…λ‹ˆλ‹€. 이제 문제λ₯Ό μ‹λ³„ν–ˆκΈ° λ•Œλ¬Έμ— 더 빨리 μ§„ν–‰λ˜μ–΄μ•Ό ν•˜μ§€λ§Œ ν˜„μž¬ ν‹± νšŒμ „μ€ mpld3κ°€ μ§€μ›ν•˜λŠ” 것이 μ•„λ‹™λ‹ˆλ‹€. 곧 μΆ”κ°€ν•˜λ„λ‘ λ…Έλ ₯ν•˜κ² μŠ΅λ‹ˆλ‹€! :)

λ‚˜μ— λ”°λ₯΄λ©΄ xAxisλ₯Ό νšŒμ „ν•˜λŠ” κ°„λ‹¨ν•˜κ³  μ‰¬μš΄ μ†”λ£¨μ…˜μ€ CSSμž…λ‹ˆλ‹€.

css = """ .mpld3-xaxis text{ transform: translate(18px, 30px) rotate(45deg); } """

ν”ŒλŸ¬κ·ΈμΈ 연결에 이 CSS 적용
mpld3.plugins.connect(fig, mpld3.plugins.PointHTMLTooltip(lines[0],labels=labels,voffset=10, hoffset=10,css=css))

그것은 λ‚˜λ₯Ό μœ„ν•΄ 맀λ ₯처럼 μž‘λ™ν•©λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰