chartjs.org 공식 샘플(docs/samples/bar/*) 6종을 <syn_chartjs>로 재현합니다. 각 카드는 pageLoad에서 setConfig로 Chart.js 원형 config를 그대로 전달합니다.
Vertical Bar
가장 기본적인 세로 막대 차트입니다.
Horizontal Bar
indexAxis: 'y'
로 가로 막대 차트를 만듭니다.
Floating Bar
데이터를
[min, max]
배열로 지정해 구간(범위) 막대를 그립니다.
Stacked Bar
scales.x/y.stacked: true
로 누적 막대 차트를 구성합니다.
Stacked Groups
stack
키로 그룹을 나눠 그룹별로 누적되는 막대를 만듭니다.
Border Radius
borderRadius
,
borderSkipped
로 막대 모서리를 둥글게 만듭니다.