#latest
#demo
스택바(stackbar) 차트 응용 예제입니다.
svg { font-family: AppleSDGothicNeo-Regular,Malgun Gothic,"sans-serif"; }
.sbchart-title { font-size: 18px; line-height: 21px; font-weight: bold; }
.sbchart-legend .sbchart-legend-item { font-size: 12px; line-height: 15px; }
sb.chart.render("#chartWrap", {
global: {
size: {
width: 400,
height: 130
},
color: {
pattern: ["#006BC9","#E62A22","#04B8A6","#F7B500","#86BE24","#AD9E75","#899099","#B0B7BF"]
}
},
data: {
type: "stackbar",
columns: [
["더불어 민주당",48.7],
["자유한국당", 15],
["바른미래당", 9.5],
["정의당", 5.3],
["민주평화당",0.4],
["기타", 2.7],
["없음", 11.5],
["잘모름", 6.8]
]
},
axis: {
rotated: true,
x: {
show: false,
type: "category",
categories: ["정당 지지도"]
},
y: {
show: false
}
},
grid: {
x: {
show: false
},
y: {
show: false
}
},
title: {
text: "서울시민 정당지지도",
position: "top-left"
}
});