[javascript] Chartkick에서 사용 가능한 차트 툴팁 텍스트 회전 설정 방법
툴팁 텍스트의 회전 설정은 Chartkick의 library
옵션을 사용하여 가능합니다. 아래의 예제 코드에서는 Chartkick에서 제공하는 line_chart
를 사용하여 툴팁 텍스트를 회전 설정하는 방법을 보여드리겠습니다.
new Chartkick.LineChart("chart", {
data: [
{ name: "Series 1", data: { "2017-01-01": 100, "2017-01-02": 200, "2017-01-03": 150 } },
{ name: "Series 2", data: { "2017-01-01": 150, "2017-01-02": 120, "2017-01-03": 180 } }
],
library: {
tooltip: {
enabled: true,
animationDuration: 1000,
rotation: 45 // 회전 각도 설정
}
}
});
위의 코드에서 rotation
속성을 통해 툴팁 텍스트의 회전 각도를 설정할 수 있습니다. 예제에서는 45
를 설정하여 툴팁을 45도로 회전시켰습니다. 필요에 따라 회전 각도를 조절하여 원하는 디자인을 적용할 수 있습니다.
더 자세한 사용 방법과 다른 차트 유형에서의 툴팁 텍스트 회전 설정에 대해서는 Chartkick 공식 문서를 참조하시기 바랍니다.