[javascript] Chartkick에서 사용 가능한 차트 부제목 설정 방법
Chartkick은 JavaScript 기반의 차트 라이브러리입니다. 부제목은 차트에 추가적인 설명을 제공하고, 데이터에 대한 이해를 돕기 위해 사용될 수 있습니다. 이 글에서는 Chartkick에서 차트 부제목을 설정하는 방법에 대해 알아보겠습니다.
기본 사용법
Chartkick에서 차트 부제목을 설정하는 것은 매우 간단합니다. 아래의 예제 코드를 참고하십시오.
<%= line_chart data, title: "주간 판매량", subtitle: "2021년 1월 1일부터 7일까지" %>
위의 코드에서 title 속성은 차트의 제목을 설정하는 데 사용되고, subtitle 속성은 차트의 부제목을 설정하는 데 사용됩니다.
동적으로 부제목 변경하기
차트의 부제목은 동적으로 변경할 수도 있습니다. JavaScript를 사용하여 차트의 부제목을 업데이트할 수 있습니다. 아래의 예제 코드를 참고하십시오.
var chart = new Chartkick.LineChart("chart-container", data, {title: "주간 판매량", subtitle: "2021년 1월 1일부터 7일까지"});
// 차트 부제목 업데이트
chart.updateOptions({subtitle: "2021년 1월 8일부터 14일까지"});
위의 코드에서 updateOptions() 메소드를 사용하여 차트의 부제목을 업데이트할 수 있습니다. 이를 통해 동적으로 부제목을 변경할 수 있습니다.