[javascript] Highcharts에서 차트 부제목 추가하기
Highcharts는 매우 강력한 JavaScript 기반의 차트 라이브러리입니다. 이 라이브러리를 사용하면 다양한 종류의 차트를 쉽게 만들 수 있으며, 사용자 친화적인 인터페이스와 많은 사용자 커스터마이징 기능을 제공합니다.
차트에 부제목을 추가하려면 subtitle 속성을 사용해야 합니다. 이 속성은 차트 객체 안에서 정의되며, 해당 부제목은 차트 상단에 표시됩니다.
아래는 Highcharts에서 차트 부제목을 추가하는 예제 코드입니다.
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: '월별 판매 실적'
},
subtitle: {
text: '2021년'
},
xAxis: {
categories: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']
},
yAxis: {
title: {
text: '판매량'
}
},
series: [{
name: '제품 A',
data: [50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150, 160]
}]
});
위의 예제 코드에서 subtitle 속성을 사용하여 차트의 부제목을 “2021년”으로 설정했습니다. 이렇게 설정하면 차트 상단에 “2021년”이라는 부제목이 표시됩니다.
이렇게 Highcharts를 사용하여 차트에 부제목을 추가할 수 있습니다. 다양한 기능들을 함께 활용하여 보다 다양하고 효과적인 차트를 만들어보세요.