728x90
반응형
x축 데이터가 길이 문제로 표시되지 않고 생략되는 경우가 있다.
전체 x 축 데이터를 표시하고 싶다면, text 를 대각선으로 기울이면 된다.
그 설정은 아래와 같이 하면 된다.
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
rotate: 45 // 텍스트 회전 각도 (45도)
}
}
}
axisLabel: {
rotate: 45 // 텍스트 회전 각도 (45도)
}
728x90
반응형
'Front > JS & jQuery' 카테고리의 다른 글
[js] json 배열 비교하기 (0) | 2024.04.04 |
---|---|
[jquery][datatavles] $.fn.dataTable.render.number() (0) | 2024.04.01 |
[js][Echarts] Line 차트 컬러 사용자 설정 (0) | 2024.03.28 |
[js][Echarts] bar 차트 너비 설정하기 (0) | 2024.03.27 |
[js][Echarts] 차트 x축 폰트 사이즈 조절하기 (0) | 2024.03.26 |