chart.js

Fonts

원문 :  http://www.chartjs.org/docs/latest/general/fonts.html


 

Fonts

차트의 모든 글꼴을 변경할 수 있는 4가지 특별한 global ( 전역 ) 설정이 있습니다.

이 옵션은 Chart.defaults.global 에 있습니다. 

전역 글꼴 설정은 보다 구체적인 옵션이 구성 ( config ) 에 포함되지 않은 경우에만 적용됩니다.

 

예를 들어, 이 차트에서 범례 ( legend ) 의 레이블을 제외하고 텍스트는 모두 빨간색입니다.

Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legend: {
            labels: {
                // This more specific font property overrides the global property
                fontColor: 'black'
            }
        }
    }
});

 

Name Type Default 설명

 

defaultFontcolor

 

 

Color

 

'#666'

 

모든 텍스트

 

 

defaultFontFamily

 

 

String

 

" 'Helvetica Neue',

 'Helvetica',

 'Arial',

 'sans-serif' "

 

 

 

모든 텍스트의 기본 글꼴 모음입니다.

 

defaultFontSize

 

 

Number

 

12

 

텍스트의 기본 크기 ( px ) 입니다.

radialLinear scale point label 에서는 

적용x

 

defaultFontStyle

 

 

 String

 

'normal'

기본 글꼴 스타일

tooltip 제목이나  footer 에는 적용되지 않습니다.

차트 제목에는 적용되지 않습니다.

댓글

댓글 본문
작성자
비밀번호
버전 관리
gamza
현재 버전
선택 버전
graphittie 자세히 보기