Highcharts: 파이 차트 데이터 λ ˆμ΄λΈ”μ€ μΊ”λ²„μŠ€ 외뢀에 κ·Έλ¦½λ‹ˆλ‹€.

에 λ§Œλ“  2011λ…„ 02μ›” 17일  Β·  32μ½”λ©˜νŠΈ  Β·  좜처: highcharts/highcharts

μ›ν˜• μ°¨νŠΈλŠ” μœ„μΉ˜λ₯Ό μ§€μ •ν•˜λ €κ³  ν•  λ•Œ 데이터 λ ˆμ΄λΈ”μ˜ 길이λ₯Ό κ³ λ €ν•˜μ§€ μ•ŠμœΌλ―€λ‘œ μ’…μ’… λΆ€λΆ„μ μœΌλ‘œ μΊ”λ²„μŠ€ μ™ΈλΆ€μ—μ„œ λ Œλ”λ§λ©λ‹ˆλ‹€. μ°¨νŠΈμ—μ„œ 여백을 μ‚¬μš©ν•˜μ—¬ μΆ©λΆ„ν•œ 여백을 쀄 수 μžˆμ—ˆμ§€λ§Œ 이 λ°©λ²•μœΌλ‘œλŠ” ν•΄κ²°ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

Highcharts Enhancement

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

이 λ¬Έμ œκ°€ μ’…λ£Œλœ μ΄μœ λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ? 2011년에 μ‹œμž‘ν–ˆμ§€λ§Œ 2017년에도 μ—¬μ „νžˆ 이 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

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

저도 이 문제λ₯Ό κ²ͺκ³  μžˆμŠ΅λ‹ˆλ‹€. μ†Œν”„νŠΈμ›¨μ–΄κ°€ μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠκΈ° λ•Œλ¬Έμ— κ°œμ„  사항이 μ•„λ‹ˆλΌ λ²„κ·Έλ‘œ λΆ„λ₯˜λ˜μ–΄μ•Ό ν•œλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

이 λ¬Έμ œμ— λŒ€ν•΄ +1, 데이터 λ ˆμ΄λΈ”μ— 따라 파이 크기가 μžλ™μœΌλ‘œ 쑰정될 수 μžˆμŠ΅λ‹ˆκΉŒ?

+1

여기도 +1. 우리 νšŒμ‚¬λŠ” μ΅œκ·Όμ— 이 μ†Œν”„νŠΈμ›¨μ–΄λ₯Ό μ‚¬μš©ν•˜κΈ° μœ„ν•œ λΌμ΄μ„ μŠ€λ₯Ό κ΅¬μž…ν–ˆμŠ΅λ‹ˆλ‹€. 이 버그λ₯Ό μˆ˜μ •ν•˜λ©΄ 큰 도움이 될 κ²ƒμž…λ‹ˆλ‹€. Highslide의 λˆ„κ΅¬λ“ μ§€ μ—¬κΈ°μ—μ„œ 무슨 일이 μΌμ–΄λ‚˜κ³  μžˆλŠ”μ§€ μš°μ„ μˆœμœ„/λŒ“κΈ€μ„ 달 수 μžˆμŠ΅λ‹ˆκΉŒ? 이것은 1 λ…„ λ™μ•ˆ μ—΄λ € μžˆμŠ΅λ‹ˆλ‹€.

+1. randallmoreyκ°€ λ§ν•œ 것과 λ˜‘κ°™μ€ μƒν™©μž…λ‹ˆλ‹€. λ˜ν•œ rowanmanning에 λ™μ˜ν•©λ‹ˆλ‹€. 물건을 자λ₯΄λŠ” 것은 λ²„κ·Έμž…λ‹ˆλ‹€.

이 λ²„κ·ΈλŠ” 2λ…„ 전에 μ—΄λ ΈμŠ΅λ‹ˆλ‹€. μ–΄λ–€ 진전이 μžˆμŠ΅λ‹ˆκΉŒ? λ ˆμ΄λΈ”μ΄ 잘리면 μ›ν˜• μ°¨νŠΈλŠ” μš°λ¦¬μ—κ²Œ μ“Έλͺ¨κ°€ μ—†μŠ΅λ‹ˆλ‹€.
그것은 μ—¬μ „νžˆ β€‹β€‹κ°œμ„ μœΌλ‘œ ν‘œμ‹œλ©λ‹ˆλ‹€.

데이터 λ ˆμ΄λΈ”μ— ν•„μš”ν•œ 곡간을 κ°μ§€ν•˜λŠ” 것은 맀우 λ³΅μž‘ν•˜λ©° μš°λ¦¬λŠ”
ν˜„μž¬λ‘œμ„œλŠ” μ΅œμš°μ„  μˆœμœ„λ₯Ό 두지 μ•ŠμŠ΅λ‹ˆλ‹€. μ μ ˆν•œ μΆ”κ°€κ°€ ν•„μš”ν•©λ‹ˆλ‹€
이λ₯Ό ν”Όν•˜κΈ° μœ„ν•΄ μ—¬λ°±κ³Ό 파이 크기λ₯Ό μ‘°μ •ν•˜μ‹­μ‹œμ˜€. λ„ˆλΉ„ μŠ€νƒ€μΌμ„ μ„€μ •ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.
단어 쀄 λ°”κΏˆμ„ κ°•μ œ μ‹€ν–‰ν•˜λŠ” dataLabels.

+1

저도 이 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

이것은 λ²„κ·Έλ‘œ νƒœκ·Έκ°€ μ§€μ •λ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€. κ°œμ„ μ€ μ œλŒ€λ‘œ μž‘λ™ν•œλ‹€λŠ” 것을 μ˜λ―Έν•˜μ§€λ§Œ μ—¬κΈ°μ„œλŠ” λΆ„λͺ…νžˆ 그렇지 μ•Šμ€ κ°œμ„ λ  수 μžˆμŠ΅λ‹ˆλ‹€.
+1

μ•ˆλ…•ν•˜μ„Έμš” @highslide-software , 이에 λŒ€ν•œ 해결책이 μžˆμŠ΅λ‹ˆκΉŒ? μΊ”λ²„μŠ€ 기반 μ°¨νŠΈκ°€ κ°€λŠ₯ν•œ μ†”λ£¨μ…˜μ΄ 될 수 μžˆμŠ΅λ‹ˆκΉŒ?

+1

+1 저도 이 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

저도 μš”

μ’‹μ•„μš” μ—¬λŸ¬λΆ„, μ œκ°€ 해결책을 찾도둝 λ…Έλ ₯ν•˜κ² μŠ΅λ‹ˆλ‹€. μš°λ¦¬λŠ” 데이터 λ ˆμ΄λΈ”μ„ 그리고 유좜 μ—¬λΆ€λ₯Ό 찾은 λ‹€μŒ λͺ¨λ“  λ ˆμ΄λΈ”μ΄ λ“€μ–΄κ°ˆ λ•ŒκΉŒμ§€ μ›ν˜•μ˜ 크기λ₯Ό μž¬κ·€μ μœΌλ‘œ μ€„μ΄λŠ” μž¬κ·€ 논리가 ν•„μš”ν•©λ‹ˆλ‹€.

μš°λ¦¬κ°€ ν•œ 일은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

  • κΈ°λ³Έ 파이 크기 μ˜΅μ…˜μ„ null둜 λ³€κ²½ν–ˆμŠ΅λ‹ˆλ‹€. 파이 크기가 null이면 νŒŒμ΄κ°€ ν”Œλ‘― μ˜μ—­ 내에 μžλ™μœΌλ‘œ λ§žμΆ°μ§‘λ‹ˆλ‹€. 데이터 λ ˆμ΄λΈ”μ΄ λΉ„ν™œμ„±ν™”λ˜λ©΄ νŒŒμ΄κ°€ ν”Œλ‘― μ˜μ—­μ„ μ™„μ „νžˆ μ±„μ›λ‹ˆλ‹€. 데이터 λ ˆμ΄λΈ”μ΄ ν™œμ„±ν™”λ˜λ©΄ 데이터 λ ˆμ΄λΈ”λ„ ν”Œλ‘― μ˜μ—­μ— λ§žμΆ°μ§‘λ‹ˆλ‹€.
  • κΈ°λ³Έ 파이 μ„Όν„° μ˜΅μ…˜μ„ [null, null]둜 λ³€κ²½ν–ˆμŠ΅λ‹ˆλ‹€. 센터링은 X 및 Y μ˜΅μ…˜μ— λŒ€ν•΄ λ…λ¦½μ μœΌλ‘œ μ²˜λ¦¬λ©λ‹ˆλ‹€. Null은 μžλ™μ„ μ˜λ―Έν•˜λ―€λ‘œ 크기가 null일 λ•Œλ§ˆλ‹€ νŒŒμ΄κ°€ ν”Œλ‘― μ˜μ—­ μ•ˆμ— λ§žμ„ κ²ƒμž…λ‹ˆλ‹€.
  • minSize μ˜΅μ…˜μ„ μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€. 크기가 null이면 이 μ•„λž˜λ‘œ 내렀가지 μ•ŠμŠ΅λ‹ˆλ‹€.

μ‹œλ―Ό:

  • http://jsfiddle.net/highcharts/CjgLg/ . μžλ™ 크기 쑰정이 μ–΄λ–»κ²Œ μ²˜λ¦¬λ˜λŠ”μ§€ κ΄€μ°°ν•˜λ €λ©΄ 였λ₯Έμͺ½ ν•˜λ‹¨μ˜ 크기 μ‘°μ • 핸듀을 μž‘μœΌμ‹­μ‹œμ˜€.
  • http://jsfiddle.net/highcharts/9tqSn/ . 동적 크기의 결과둜 파이 자체의 ν¬κΈ°λŠ” μ‘΄μž¬ν•˜λŠ” 데이터 λ ˆμ΄λΈ”μ— 따라 변경될 수 μžˆμŠ΅λ‹ˆλ‹€. 이 데λͺ¨μ—μ„œ μŠ¬λΌμ΄μŠ€κ°€ ν‘œμ‹œλ˜κ³  μˆ¨κ²¨μ§μ— 따라 μ–΄λ–»κ²Œ λ³€κ²½λ˜λŠ”μ§€ ν™•μΈν•˜μ‹­μ‹œμ˜€.

λͺ¨λ“  μ˜κ²¬μ— κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€!

μ°¨νŠΈκ°€ ν„°λ¬΄λ‹ˆμ—†μ΄ μž‘μ•„μ§ˆ 수 μžˆλŠ” 정말 κΈ΄ 데이터 λ ˆμ΄λΈ”μ΄ 많이 μžˆμŠ΅λ‹ˆλ‹€(짧게 λ§Œλ“€ μˆ˜λŠ” μ—†μŠ΅λ‹ˆλ‹€). λ ˆμ΄λΈ”μ΄ νŠΉμ • λ„ˆλΉ„λ₯Ό μ΄ˆκ³Όν•˜λŠ” 경우 두세 μ€„λ‘œ μžλ™ μ€„λ°”κΏˆλ˜λ„λ‘ ν•˜λŠ” 방법이 μžˆμŠ΅λ‹ˆκΉŒ?

감사 ν•΄μš”!

예, dataLabels.style.widthλ₯Ό '100px'둜 μ„€μ •ν•  수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

이것에 λŒ€ν•΄ λŒ€λ‹¨νžˆ κ°μ‚¬ν•©λ‹ˆλ‹€ - 이것이 'λ§ˆμŠ€ν„°'둜 λ³‘ν•©λ˜κ±°λ‚˜ λ¦΄λ¦¬μŠ€μ— 병합될 μ‹œκΈ°μ— λŒ€ν•œ μ˜ˆμƒμ΄ μžˆμŠ΅λ‹ˆκΉŒ?

2x2 ν˜•μ‹μœΌλ‘œ ν•œ νŽ˜μ΄μ§€μ— μ—¬λŸ¬ μ›ν˜• 차트λ₯Ό ν‘œμ‹œν•˜λŠ” κ²½μš°κ°€ μžˆμŠ΅λ‹ˆλ‹€. 각 νŒŒμ΄λŠ” λ ˆμ΄λΈ”μ€ κ°™μ§€λ§Œ 데이터가 λ‹€λ¦…λ‹ˆλ‹€.

λ”°λΌμ„œ 이 μ†”λ£¨μ…˜μ€ λ°”λžŒμ§ν•˜μ§€ μ•Šμ€ 4개의 λ‹€λ₯Έ 크기의 파이λ₯Ό 생성할 수 μžˆμŠ΅λ‹ˆλ‹€. 이λ₯Ό λ°©μ§€ν•˜κ³  λ ˆμ΄λΈ”μ„ μ ν•©ν•˜κ²Œ λ§Œλ“œλŠ” 방법이 μžˆμŠ΅λ‹ˆκΉŒ? μ‹€μ œλ‘œ λ‚΄κ°€ μ›ν•˜λŠ” 것은 μ›ν˜•μ΄ μ•„λ‹Œ μ°¨νŠΈμ— 맞게 μ‘°μ •λ˜λŠ” 데이터 λ ˆμ΄λΈ”μž…λ‹ˆλ‹€. κ³ κΈ‰ κ°μ‚¬ν•©λ‹ˆλ‹€.

이것은 Highcharts 3.0이 λ‚˜μ˜¬ λ•Œ, μ•„λ§ˆλ„ 크리슀마슀 전에 릴리슀되고 λ§ˆμŠ€ν„°μ— 병합될 κ²ƒμž…λ‹ˆλ‹€.

λ™μΌν•œ μ°¨νŠΈμ— μ—¬λŸ¬ 개의 νŒŒμ΄κ°€ μžˆλŠ” κ²½μš°μ—λ„ μ ˆλŒ€ 크기λ₯Ό μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€. 이둠적으둜 μ„€λͺ…ν•˜λŠ” λ‚΄μš©μ€ 각 파이λ₯Ό μ‘°μ •ν•œ λ‹€μŒ λͺ¨λ“  νŒŒμ΄μ— λŒ€ν•΄ κ°€μž₯ μž‘μ€ 파이 크기λ₯Ό μ‚¬μš©ν•˜μ—¬ ν•΄κ²°ν•  수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ νŒŒμ΄κ°€ ν”Œλ‘― μ˜μ—­ λ‚΄μ—μ„œ μ‘°μ •λ˜κ³  μ„œλ‘œμ— λŒ€ν•΄ μƒλŒ€μ μ΄μ§€ μ•ŠκΈ° λ•Œλ¬Έμ— 이것이 μ‹€μ œλ‘œ μ–΄λ–»κ²Œ μž‘λ™ν•˜λŠ”μ§€ 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€.

@highslide-software ν•˜μ΄μ°¨νŠΈμš© CDN으둜 인해 μœ„μ˜ μ˜ˆλŠ” μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 관심 μžˆλŠ” μ‚¬λžŒμ„ μœ„ν•΄ λ°”μ΄μ˜¬λ¦° 예제λ₯Ό μˆ˜μ •ν–ˆμŠ΅λ‹ˆλ‹€.

http://jsfiddle.net/CjgLg/13/ . μžλ™ 크기 쑰정이 μ–΄λ–»κ²Œ μ²˜λ¦¬λ˜λŠ”μ§€ κ΄€μ°°ν•˜λ €λ©΄ 였λ₯Έμͺ½ ν•˜λ‹¨μ˜ 크기 μ‘°μ • 핸듀을 μž‘μœΌμ‹­μ‹œμ˜€.
http://jsfiddle.net/9tqSn/11/ . 동적 크기의 결과둜 파이 자체의 ν¬κΈ°λŠ” μ‘΄μž¬ν•˜λŠ” 데이터 λ ˆμ΄λΈ”μ— 따라 변경될 수 μžˆμŠ΅λ‹ˆλ‹€. 이 데λͺ¨μ—μ„œ μŠ¬λΌμ΄μŠ€κ°€ ν‘œμ‹œλ˜κ³  μˆ¨κ²¨μ§μ— 따라 μ–΄λ–»κ²Œ λ³€κ²½λ˜λŠ”μ§€ ν™•μΈν•˜μ‹­μ‹œμ˜€.

μˆ˜μ •ν•΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€! +1 :)

λ„λ„›μ˜ 이 μžλ™ 크기 μ‘°μ • κΈ°λŠ₯에 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€. 단일 νŒŒμ΄μ—λŠ” 잘 μž‘λ™ν•˜μ§€λ§Œ 2 μ‹œλ¦¬μ¦ˆ 파이(즉, 도넛)에 μ‚¬μš©ν•˜λ©΄ λ‚΄λΆ€ 및 μ™ΈλΆ€ 파이 λͺ¨λ‘ λ…λ¦½μ μœΌλ‘œ 크기가 μ‘°μ •λ©λ‹ˆλ‹€. 특히 λ‚΄λΆ€ νŒŒμ΄μ— 거미와 같은 λ²”λ‘€κ°€ μ—†κ³  μ™ΈλΆ€ νŒŒμ΄μ— μžˆλŠ” 경우 λ‚΄λΆ€ 파이의 ν¬κΈ°λŠ” μ „ν˜€ μ‘°μ •λ˜μ§€ μ•Šκ³  μ™ΈλΆ€ νŒŒμ΄λŠ” μ‹€μ œλ‘œ λ·°ν¬νŠΈμ— 맞게 크기가 μ‘°μ •λ©λ‹ˆλ‹€. 이둜 인해 μ°¨νŠΈκ°€ μ™œκ³‘λ©λ‹ˆλ‹€(일반적으둜 λ‚΄λΆ€ νŒŒμ΄κ°€ μ™ΈλΆ€ νŒŒμ΄λ³΄λ‹€ λ„“μ–΄μ Έ 차트의 λͺ¨μ–‘κ³Ό μ˜λ―Έκ°€ μ™„μ „νžˆ 손상됨).

ν•˜λ‚˜μ˜ 큰 파이둜 도넛도 μ§€μ›ν•˜λ„λ‘ 이 μˆ˜μ • 사항을 ν™•μž₯ν•  κ°€λŠ₯성이 μžˆμŠ΅λ‹ˆκΉŒ?

λ‹€μŒμ€ μ˜ˆμž…λ‹ˆλ‹€. http://jsfiddle.net/mmarchetta/34VAT/2/

λ°”κΉ₯μͺ½ 파이(녹색/νŒŒλž€μƒ‰)인 κ²ƒμ²˜λŸΌ λ³΄μ΄λŠ” νŒŒμ΄κ°€ μ‹€μ œλ‘œλŠ” μ•ˆμͺ½ 파이이고 μ•ˆμͺ½ 파이처럼 λ³΄μ΄λŠ” 쑰각이 더 λ§Žμ€ νŒŒμ΄κ°€ μ‹€μ œλ‘œλŠ” λ°”κΉ₯μͺ½ νŒŒμ΄μž…λ‹ˆλ‹€.

감사 ν•΄μš”!

도넛 μ°¨νŠΈμ™€ λ™μΌν•œ λ¬Έμ œκ°€ 있으며 λ ˆμ΄λΈ”μ΄ 차트 μ™ΈλΆ€λ‘œ ν™•μž₯λ©λ‹ˆλ‹€.

이 μ‚¬λ‘€λŠ” λ ˆμ΄λΈ”μ΄ μž˜λ¦¬λŠ” 방법을 λ³΄μ—¬μ€λ‹ˆλ‹€. http://jsfiddle.net/highcharts/7okk430t/

λ‚˜λŠ” 이것에 λŒ€ν•΄ μž‘μ—…ν•˜κ³  μ˜€λ²„ν”Œλ‘œ 데이터 λ ˆμ΄λΈ”μ— μ€„μž„ν‘œλ₯Ό μΆ”κ°€ν•˜λŠ” 논리λ₯Ό νƒκ΅¬ν–ˆμŠ΅λ‹ˆλ‹€. ν˜„μž¬ 정적 μ°¨νŠΈμ—μ„œλŠ” 잘 μž‘λ™ν•˜μ§€λ§Œ 차트 크기λ₯Ό λ™μ μœΌλ‘œ μ‘°μ •ν•˜κ±°λ‚˜ μ—…λ°μ΄νŠΈν•˜λ©΄ μ€‘λ‹¨λ©λ‹ˆλ‹€.

라이브 데λͺ¨λŠ” http://jsfiddle.net/highcharts/7okk430t/1/ μ—μ„œ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€

.. 차이점은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

diff --git a/js/parts/DataLabels.js b/js/parts/DataLabels.js
index c72fabf..a7222c5 100644
--- a/js/parts/DataLabels.js
+++ b/js/parts/DataLabels.js
@@ -619,13 +619,41 @@ if (seriesTypes.pie) {
     * fall within the plot area.
     */
    seriesTypes.pie.prototype.placeDataLabels = function () {
+
+       var chart = this.chart,
+           spacing = chart.spacing;
        each(this.points, function (point) {
            var dataLabel = point.dataLabel,
-               _pos;
+               _pos,
+               overflow,
+               ellipsis;

            if (dataLabel && point.visible) {
                _pos = dataLabel._pos;
                if (_pos) {
+                   
+                   if (dataLabel._attr.align === 'right') {
+                       overflow = _pos.x - dataLabel.width;
+                       if (overflow < spacing[3]) {
+                           ellipsis = true;
+                       }
+                   }
+
+                   if (dataLabel._attr.align === 'left') {
+                       overflow = chart.chartWidth - _pos.x - dataLabel.width - spacing[1] - spacing[3];
+                       if (overflow < spacing[1]) {
+                           ellipsis = true;
+                       }
+                   }
+
+                   if (ellipsis) {
+                       dataLabel._attr.width = dataLabel.width + overflow;
+                       dataLabel.css({
+                           width: dataLabel._attr.width + PX,
+                           textOverflow: 'ellipsis'
+                       });
+                   }
+
                    dataLabel.attr(dataLabel._attr);
                    dataLabel[dataLabel.moved ? 'animate' : 'attr'](_pos);
                    dataLabel.moved = true;
diff --git a/js/parts/SvgRenderer.js b/js/parts/SvgRenderer.js
index 1f8b71d..fcc629d 100644
--- a/js/parts/SvgRenderer.js
+++ b/js/parts/SvgRenderer.js
@@ -10,7 +10,7 @@ SVGElement.prototype = {
    opacity: 1,
    // For labels, these CSS properties are applied to the <text> node directly
    textProps: ['fontSize', 'fontWeight', 'fontFamily', 'fontStyle', 'color', 
-       'lineHeight', 'width', 'textDecoration', 'textShadow'],
+       'lineHeight', 'width', 'textDecoration', 'textOverflow', 'textShadow'],

    /**
     * Initialize the SVG renderer

μ—¬κΈ° (http://jsfiddle.net/CjgLg/13/)μ—μ„œ μžλ°” 슀크립트λ₯Ό μ‹œλ„ν•˜κ³  λ‹€μŒμ„ μ–»μŠ΅λ‹ˆλ‹€.

μž‘νžˆμ§€ μ•Šμ€ TypeError: $(...).resizable은 ν•¨μˆ˜κ°€ μ•„λ‹™λ‹ˆλ‹€.

resizable λ©”μ„œλ“œμ—λŠ” jQuery UIκ°€ ν•„μš”ν•©λ‹ˆλ‹€.

μ•„... 이 2개(jquery-ui.css 및 jquery-ui.min.js)λ₯Ό κ°€μ Έμ™”κ³  이제 잘 μž‘λ™ν•©λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€!

데이터 λ ˆμ΄λΈ”λ„ μž˜λ¦½λ‹ˆλ‹€.

μ€„μž„ν‘œ μ†”λ£¨μ…˜μ΄ μƒμœ„ μ°¨νŠΈμ— κ΅¬ν˜„λ˜λŠ” 경우 +1μž…λ‹ˆλ‹€.

이 λ¬Έμ œκ°€ μ’…λ£Œλœ μ΄μœ λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ? 2011년에 μ‹œμž‘ν–ˆμ§€λ§Œ 2017년에도 μ—¬μ „νžˆ 이 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

이것은 μ—¬μ „νžˆ β€‹β€‹μΌμ–΄λ‚œλ‹€
e

버전 5.0.11을 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.
그리고 그것은 μ—¬μ „νžˆ ​​도넛 μ°¨νŠΈμ—μ„œ μΌμ–΄λ‚˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

donutchart size

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