Front/JS & jQuery

[js][Echarts] x축 데이터가 생략될 때 / x축 데이터 대각선으로 표시

오선지♬ 2024. 3. 29. 16:56
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
반응형