C3: xμΆ• 눈금 ν…μŠ€νŠΈμ—μ„œ κ°•μ œ 쀄 λ°”κΏˆ

에 λ§Œλ“  2014λ…„ 10μ›” 17일  Β·  9μ½”λ©˜νŠΈ  Β·  좜처: c3js/c3

μ•Ό

http://jsfiddle.net/gbdtjsba/11/

λ‚΄ κ·Έλž˜ν”„μ— μƒλ‹Ήνžˆ κΈ΄ λ ˆμ΄λΈ”μ΄ μžˆμŠ΅λ‹ˆλ‹€. κ·Έλž˜ν”„μ— 500px의 ν•˜λ“œ 높이λ₯Ό μΆ”κ°€ν•˜κ³  μž‘λ™ν•˜λŠ” x 좕에 200pxλ₯Ό μΆ”κ°€ν–ˆμ§€λ§Œ κ°€λŠ₯ν•˜λ©΄ μΆ• 높이λ₯Ό λ™μ μœΌλ‘œ λ§Œλ“€κ³  μ‹ΆμŠ΅λ‹ˆλ‹€.

κ·Έλž˜ν”„λ₯Ό μ μš©ν•˜κΈ° 전에 λ ˆμ΄λΈ”μ„ λ°˜λ³΅ν•˜μ—¬ κ°€μž₯ 큰 λ ˆμ΄λΈ”μ„ μ°Ύκ³  λ„ˆλΉ„λ₯Ό 계산해야 ν•©λ‹ˆκΉŒ, μ•„λ‹ˆλ©΄ c3에 이 μž‘μ—…μ„ μˆ˜ν–‰ν•  수 μžˆλŠ” κΈ°λŠ₯이 μžˆμŠ΅λ‹ˆκΉŒ?

이것과 관련이 μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€: https://github.com/masayuki0812/c3/issues/527

ν›Œλ₯­ν•œ λΌμ΄λΈŒλŸ¬λ¦¬μ— κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€. μ§€κΈˆκΉŒμ§€ d3 ν”„λ‘œκ·Έλž˜λ°μ˜ λ§Žμ€ μ‹œκ°„μ„ μ ˆμ•½ν–ˆμŠ΅λ‹ˆλ‹€. :)

C-feature-request

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

λ°”μ΄μ˜¬λ¦°μ—μ„œ κΉ¨μ–΄λ‚˜μ§€ μ•ŠλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. μ‹€μ œ μ½”λ“œλŠ” μ–΄λ–»μŠ΅λ‹ˆκΉŒ? 그것은 λ‚˜λ₯Ό μœ„ν•΄ μž‘λ™ν•©λ‹ˆλ‹€. 그리고 axis.x.tick.multiline = false λ₯Ό ν•œ μ€„λ‘œ ν‘œμ‹œν•˜λ„λ‘ μ„€μ •ν•˜μ‹­μ‹œμ˜€. 이제 μ—¬λŸ¬ 쀄이 κΈ°λ³Έκ°’μž…λ‹ˆλ‹€.

κ°•μ œλ‘œ μ€„λ°”κΏˆμ„ ν•˜κΈ° μœ„ν•΄ λ­”κ°€λ₯Ό λ„μž…ν•˜λŠ” 것이 합리적이라고 μƒκ°ν•©λ‹ˆλ‹€. ν•„μš”ν•˜λ©΄ μ‹œν–‰ν•˜κ² μŠ΅λ‹ˆλ‹€.

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

μ•ˆλ…•ν•˜μ„Έμš”, μ œλ³΄ν•΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. 이 컀밋을 톡해 xμΆ• 높이λ₯Ό μžλ™μœΌλ‘œ 계산할 수 μžˆλŠ” 것 같은데 μ΅œμ‹  μ½”λ“œλ₯Ό λ‹€μ‹œ μ‹œλ„ν•΄ μ£Όμ‹œκ² μŠ΅λ‹ˆκΉŒ? 감사 ν•΄μš”.

μ—…λ°μ΄νŠΈ:
μ—¬λŸ¬ μ€„μ˜ 눈금 ν…μŠ€νŠΈλ₯Ό μ§€μ›ν•˜κΈ° μœ„ν•΄ axis.x.tick.width λ₯Ό λ„μž…ν–ˆμœΌλ―€λ‘œ μ§€κΈˆ 이 μ˜΅μ…˜μ„ null 둜 μ„€μ •ν•˜μ‹­μ‹œμ˜€. 이것이 μ—†μœΌλ©΄ 눈금 ν…μŠ€νŠΈλŠ” νšŒμ „ν•˜λ”λΌλ„ μ—¬λŸ¬ μ€„λ‘œ λΆ„ν• λ©λ‹ˆλ‹€.

μ•ˆλ…•ν•˜μ„Έμš”,

μ—…λ°μ΄νŠΈν•΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. μ•ˆνƒ€κΉκ²Œλ„ μž‘λ™ν•˜μ§€ μ•ŠλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

  1. http://jsfiddle.net/gbdtjsba/15 - 200px x μΆ• 높이(μ œκ±°ν•˜λ €κ³  함)κ°€ μ—†μœΌλ©΄ κ²°κ³ΌλŠ” 이전과 λ™μΌν•©λ‹ˆλ‹€. μΌκ΄€λ˜μ§€ μ•Šμ€ λ™μž‘μ„ 보렀면 κ·Έλž˜ν”„ 크기λ₯Ό μ‘°μ •ν•˜μ‹­μ‹œμ˜€.
  2. http://jsfiddle.net/gbdtjsba/11 - λ‘œλ“œ μ‹œ xμΆ•μ˜ 높이가 잘λͺ»λœ κ²ƒμœΌλ‘œ λ³΄μ΄μ§€λ§Œ 크기λ₯Ό μ‘°μ •ν•˜λ©΄ μˆ˜μ •λ©λ‹ˆλ‹€. 이 버전은 μ—¬μ „νžˆ ​​xμΆ• 높이가 200px이고 κ³„μ‚°λœ 높이가 μ•„λ‹ˆλΌ 이 λ†’μ΄λ‘œ λ˜λŒμ•„κ°€λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

예λ₯Ό λ“€μ–΄ κ·Έλž˜ν”„μ˜ 높이가 500px이고 μΆ• 눈금의 μ΅œλŒ€ λ„ˆλΉ„/높이가 125pxμ΄λ―€λ‘œ μ°¨νŠΈμ— μžλ™μœΌλ‘œ 높이 375px, λ ˆμ΄λΈ” 125pxκ°€ μ§€μ •λ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€. λ˜λŠ” μ˜΅μ…˜μœΌλ‘œ /λ₯Ό μ„ νƒν•˜λ©΄ κ·Έλž˜ν”„ 높이λ₯Ό 500px둜 ν•˜κ³  λ ˆμ΄λΈ”μ„ ν¬ν•¨ν•œ 전체 높이λ₯Ό 625px둜 λ§Œλ“œλŠ” κΈ°λŠ₯이 μžˆμŠ΅λ‹ˆλ‹€.

1쀄 μ΄μƒμ˜ λ ˆμ΄λΈ”μ΄ μ’‹μŠ΅λ‹ˆλ‹€. 쀄 λ°”κΏˆμ„ κ°•μ œλ‘œ μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆκΉŒ? 예λ₯Ό λ“€μ–΄ 2014-10-22 \n 2014-10-15 \n 2014-10-08 ?

λ°”μ΄μ˜¬λ¦°μ—μ„œ κΉ¨μ–΄λ‚˜μ§€ μ•ŠλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. μ‹€μ œ μ½”λ“œλŠ” μ–΄λ–»μŠ΅λ‹ˆκΉŒ? 그것은 λ‚˜λ₯Ό μœ„ν•΄ μž‘λ™ν•©λ‹ˆλ‹€. 그리고 axis.x.tick.multiline = false λ₯Ό ν•œ μ€„λ‘œ ν‘œμ‹œν•˜λ„λ‘ μ„€μ •ν•˜μ‹­μ‹œμ˜€. 이제 μ—¬λŸ¬ 쀄이 κΈ°λ³Έκ°’μž…λ‹ˆλ‹€.

κ°•μ œλ‘œ μ€„λ°”κΏˆμ„ ν•˜κΈ° μœ„ν•΄ λ­”κ°€λ₯Ό λ„μž…ν•˜λŠ” 것이 합리적이라고 μƒκ°ν•©λ‹ˆλ‹€. ν•„μš”ν•˜λ©΄ μ‹œν–‰ν•˜κ² μŠ΅λ‹ˆλ‹€.

κ°•μ œλ‘œ μ€„λ°”κΏˆμ„ ν•˜κΈ° μœ„ν•΄ λ­”κ°€λ₯Ό λ„μž…ν•˜λŠ” 것이 합리적이라고 μƒκ°ν•©λ‹ˆλ‹€. ν•„μš”ν•˜λ©΄ μ‹œν–‰ν•˜κ² μŠ΅λ‹ˆλ‹€.

예. ν•„μš”ν•©λ‹ˆλ‹€.

이에 λŒ€ν•œ κ³„νšμ΄ μžˆμŠ΅λ‹ˆκΉŒ?

@laurabrooks "이것"이 무엇을 λ§ν•˜λŠ”μ§€ 잘 λͺ¨λ₯΄κ² μ§€λ§Œ axis.x.tick.multiline λŠ” μž μ‹œ λ™μ•ˆ κ΅¬ν˜„λ˜μ—ˆμœΌλ©° μ΅œκ·Όμ— axis.x.tick.multilineMax λŒ€ν•œ 지원을 λ„μž…ν•˜κ³  λ‘˜ 닀에 λŒ€ν•œ λ¬Έμ„œλ₯Ό μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€(μ°Έμ‘° μ—¬κΈ° ) 도움이 되길 λ°”λžλ‹ˆλ‹€.

λ ˆμ΄λΈ” ν…μŠ€νŠΈμ˜ μ§€μ •λœ μ§€μ μ—μ„œ κ°•μ œλ‘œ 쀄 λ°”κΏˆμ„ ν•˜λŠ”μ§€ κΆκΈˆν•©λ‹ˆλ‹€. multiline 및 multilineMax 속성이 μž‘μ—…μ„ μˆ˜ν–‰ν•©λ‹ˆλ‹€. @jcsmorais 응닡에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€.

μ—¬λŸ¬ 쀄 μΆ• λ ˆμ΄λΈ”μ— λŒ€ν•œ 쑰항이 μžˆμŠ΅λ‹ˆκΉŒ?

μ—¬λŸ¬ 쀄 μ˜΅μ…˜μ΄ 이미 μ‘΄μž¬ν•˜κΈ° λ•Œλ¬Έμ— 이 문제λ₯Ό λ‹«μŠ΅λ‹ˆλ‹€. @jcsmoraisκ°€ μ–ΈκΈ‰ν•œ λ¬Έμ„œ λ₯Ό μ°Έμ‘°ν•˜μ‹­μ‹œμ˜€.

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