Chart.js 꺾은 선형 차트가 맨 위에서 잘 리어 있습니까?

Question

일부 reasone의 경우 모든 그래프가 최대 값에서 잘립니다. 어떻게 해결할 수 있습니까? I는 상단에 표시 범례 있었다 선 그래프하면서 I이 발견

Answer 1

고정 된 Y 축를 사용할 수 없다. 내가 찾은 주위 유일한 작품은 바닥

options: { 
    legend: { 
     position: 'bottom', 
    }, 
} 

fiddle

Answer 2

편집/업데이트에 범례를 이동했다 : 코멘트에서 언급 한 바와 같이의 5px 값은 더 정확하게 무엇의 절반이 될 수 있습니다 선 너비 값은 2px이므로 기본값은 2px입니다. {top : 1}

options.padding 속성은 options 또는 global에서 설정할 수 있습니다. 나는이 같은 문제를 가지고 나를 빗나 상단과 하단 영역을 그릴 라인 http://www.chartjs.org/docs/#chart-configuration-layout-configuration

Answer 3

내가 하드 코드 사용을 차단하지하는

options: { 
    layout: { 
    padding: { 
     top: 5 
    } 
    }, 
    ... 
} 

는 괜찮 았는데 설정합니다. 이 코드는 원본 Chart.canvasHelpers.clipArea를 기반으로합니다.

const WIDE_CLIP = {top: 2, bottom: 4}; 

Chart.canvasHelpers.clipArea = function(ctx, clipArea) { 
    ctx.save(); 
    ctx.beginPath(); 
    ctx.rect(
     clipArea.left, 
     clipArea.top - WIDE_CLIP.top, 
     clipArea.right - clipArea.left, 
     clipArea.bottom - clipArea.top + WIDE_CLIP.bottom 
    ); 
    ctx.clip(); 
}; 

Answer 4

이 Chart.js 버그도 발생했습니다.

최근 수정 된 내용은 here입니다. 당신은 수동으로 Chart.js이 src/controllers/controller.line.js (2 각도를 들어,이 파일의 경로가 디렉토리 node_modules/chart.js/ 내부에 위치하게됩니다.)

파일을 편집하거나 대부분 포함 할 다음 Chart.js 릴리스가 나올 때까지 기다리는해야 할 것 수정. https://github.com/chartjs/Chart.js/issues/4202