본문 바로가기

Front end/JS (JavaScript)

하이차트 (high Chart) 범례 legend 설정

728x90
legend: {
    enabled:true,
            itemStyle:{
        color: "red",
    },
    itemHoverStyle: {
        color: 'green'
    },
    itemHiddenStyle: {
        color: 'blue'
    },
    layout: 'vertical', 
            align: 'right', 
            verticalAlign: 'middle' 
},

 
legend: {
            enabled:true, // 범례 사용여부
            itemStyle:{ // 범례 기본상태
                color: "red",
            },
            itemHoverStyle: { // hover시
                color: 'green'
            },
            itemHiddenStyle: { // click후 hidden시
                color: 'blue'
            },
            layout: 'vertical', // 범례끼리의 정렬 defalt 가로 vertical 세로
            align: 'right', // 가로정렬 위치
            verticalAlign: 'middle' // 세로정렬 위치
        },
728x90