상세 컨텐츠

본문 제목

HighChart Line차트 X , Y축 바꾸기 예제

Component/HighChart

by 니콜 키크드만 2022. 8. 26. 14:57

본문

X축을 Y축으로

Y축을 X축으로 전환

 

key : chart : {inverted : true}

 

 

Highcharts.chart('container', {
chart: { type: 'line', inverted:true },
    title: {
        text: 'Logarithmic axis demo'
    },

    xAxis: {
        categories:['X1','X2','X3','X4','X5']
    },

    yAxis: {
       text:null
    },

    tooltip: {
        headerFormat: '<b>{series.name}</b><br />',
        pointFormat: 'x = {point.x}, y = {point.y}'
    },

    series: [{
        data: [1, 2, 4, 8, 16],
        
    }]
});

반응형

관련글 더보기

댓글 영역