Config
circlebargroup

series[type=circlebargroup]

Properties

baseValue: number

default: 0

layout: 'default'|'fill'|'overlap'|'stack'

  • 'default' μ‹œλ¦¬μ¦ˆ μ’…λ₯˜μ— λ”°λ₯Έ κΈ°λ³Έ ν‘œμ‹œ 방식. bar μ’…λ₯˜μ˜ μ‹œλ¦¬μ¦ˆμΈ 경우 ν¬μΈνŠΈλ“€μ„ μˆœμ„œλŒ€λ‘œ μ˜†μœΌλ‘œ λ°°μΉ˜ν•˜κ³ , line μ’…λ₯˜μΈ 경우 OVERLAP κ³Ό λ™μΌν•˜κ²Œ μˆœμ„œλŒ€λ‘œ ν‘œμ‹œλœλ‹€. pie μ’…λ₯˜μΈ 경우 FILL κ³Ό λ™μΌν•˜λ‹€. κΈ°λ³Έ 값이닀.
  • 'fill' 포인트 κ·Έλ£Ή λ‚΄μ—μ„œ 각 포인트의 λΉ„μœ¨μ„ ν‘œμ‹œν•œλ‹€. κ·Έλ£Ή 합은 SeriesGroup.max둜 μ§€μ •ν•œλ‹€. 각 ν¬μΈνŠΈλ“€μ€ STACKκ³Ό λ§ˆμ°¬κ°€μ§€λ‘œ μˆœμ„œλŒ€λ‘œ μŒ“μ—¬μ„œ ν‘œμ‹œλœλ‹€. SeriesGroup.baseValue 보닀 값이 큰 pointλŠ” baseValue μœ„μͺ½μ— μž‘μ€ 값을 가진 ν¬μΈνŠΈλ“€μ€ baseValue μ•„λž˜μͺ½μ— ν‘œμ‹œλœλ‹€. Pie μ‹œλ¦¬μ¦ˆμ—μ„œλŠ” FILL κ³Ό λ™μΌν•˜λ‹€.
  • 'overlap' ν¬μΈνŠΈλ“€μ„ μˆœμ„œλŒ€λ‘œ κ²Ήμ³μ„œ ν‘œμ‹œν•œλ‹€. bar μ’…λ₯˜μ˜ μ‹œλ¦¬μ¦ˆμ΄κ³ , λ§ˆμ§€λ§‰ μ‹œλ¦¬μ¦ˆμ˜ 포인트 값이 큰 경우 이전 ν¬μΈνŠΈλ“€μ€ 보이지 μ•Šμ„ 수 μžˆλ‹€.
  • 'stack' 포인트 κ·Έλ£Ή λ‚΄μ—μ„œ 각 ν¬μΈνŠΈλ“€μ„ μˆœμ„œλŒ€λ‘œ μŒ“μ•„μ„œ ν‘œμ‹œν•œλ‹€.

default: 'default'

layoutMax: number

layout 이 fill 일 λ•Œ μƒλŒ€μ  μ΅œλŒ€κ°’.

default: 100

style: SVGStyles | string

μŠ€νƒ€μΌμ…‹ ν˜Ήμ€ class selector.

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

tooltipFooter: string

κ·Έλ£Ή 툴팁의 μ•„λž˜μͺ½μ— ν‘œμ‹œλ˜λŠ” ν…μŠ€νŠΈ.

default: undefined

tooltipHeader: string

κ·Έλ£Ή 툴팁의 μœ„μͺ½μ— ν‘œμ‹œλ˜λŠ” ν…μŠ€νŠΈ.

tooltipHeader tooltipRow, tooltipRow, ... tooltipFooter ν˜•νƒœλ‘œ 툴팁이 ν‘œμ‹œλœλ‹€.

default: '<b>${name}</b>'

tooltipRow: string

κ·Έλ£Ή νˆ΄νŒμ— 각 μ‹œλ¦¬μ¦ˆλ³„ ν‘œμ‹œλ˜λŠ” 포인트 툴팁 ν…μŠ€νŠΈ.

default: '${series}:<b> ${yValue}</b>'

visible: boolean

ν‘œμ‹œ μ—¬λΆ€.

default: true

visibleInLegend: boolean

λͺ…μ‹œμ  false둜 μ§€μ •ν•˜λ©΄ legend에 ν‘œμ‹œν•˜μ§€ μ•ŠλŠ”λ‹€.

default: true

xAxis: string | number

이 그룹에 ν¬ν•¨λœ μ‹œλ¦¬μ¦ˆλ“€μ€ μžμ‹ μ˜ μ„€μ • λŒ€μ‹  이 섀정을 λ”°λ₯Έλ‹€.

default: undefined

yAxis: string | number

이 그룹에 ν¬ν•¨λœ μ‹œλ¦¬μ¦ˆλ“€μ€ μžμ‹ μ˜ μ„€μ • λŒ€μ‹  이 섀정을 λ”°λ₯Έλ‹€.

default: undefined