chart.js

Layout

원문 :  http://www.chartjs.org/docs/latest/configuration/layout.html


 

Layout Configuration

레이아웃 구성은 options.layout 네임스페이스로 전달됩니다.

차트 레이아웃의 전역 옵션은 Chart.defaults.global.layout 에 정의되어 있습니다.

Name Type Default 설명
padding Number or object 0 차트 내부 padding

 

Padding

이 값이 숫자인 경우 차트의 모든면 ( left, top, right, bottom ) 에 적용됩니다.

이 값이 객체이면 객체의 left 속성은 왼쪽 패딩을 정의 합니다.

right, top, bottom - 마찬가지

 

차트 canvas 왼쪽에 paading 50px 을 추가하는 예

let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        layout: {
            padding: {
                left: 50,
                right: 0,
                top: 0,
                bottom: 0
            }
        }
    }
});

 

댓글

댓글 본문
작성자
비밀번호
graphittie 자세히 보기