나는 창의 높이와 너비를 채우는 차트를 가지고있다. 윈도우가 (일명 브라우저)의 크기를 조정할 때, 작은 당신이 창에 사용할 수있는 작은 공간을 축소Chart.js 2.7.0 축의 글꼴 크기가 런타임에 변경 될 수 있습니까?
ticks: { display: true, min: 0, beginAtZero: true, max: 120, fontSize: 14 }
: 차트의 생성시
는 yaxes 다음과 같은 몇 가지 옵션을 얻을하지 않습니다 제목, x 축, 내 두 개의 y 축 및 범례의 초기 글꼴 크기로 인해 차트가 생성되었습니다 (글꼴을 설정하지 않았지만 할 수 있기를 바랍니다).
내 오래된 차트 (VisiFire)에서 "무료"로 책의 글꼴 크기와 축이 축소되고 물론 확장되었습니다. 나는 여기서도 똑같이하고 싶다.
어떻게 달성 될 수 있습니까?
씨야, 같은 것을 알고
chart.scales['y-axes-1'].options.ticks.fontSize = new_font_size
을 그리고 만약 그렇다면, 어디 넣을까요?
방금 애니메이션 onProgress 이벤트 (currentStep 1)를 시도했지만 너무 늦었을 것입니다 (또는 options.ticks.fontSize를 설정하지 말고 다른 것). 애니메이션 onComplete 전에 이벤트를 찾으려고했는데, 여기서 설정할 수 있습니다. 그리고 저는 그것을 설정하고 현재 단계 이후의 모든 단계 1 단계에서 글꼴 크기를 인쇄하고 새로운 글꼴 크기 였지만 아무 것도 변경하지 않았습니다.
감사합니다.
편집 : 틱의 fontSize를 업데이트 할 수 없습니까? 난 그냥이 시도하기 때문에 :
chartInstance.scales['Dataset1'].options.ticks.fontSize = 24;
chartInstance.scales['Dataset1'].options.ticks.min = -100;
chartInstance.scales['Dataset1'].options.scaleLabel.labelString = 'foo bar';
chartInstance.scales['Dataset1'].options.scaleLabel.fontSize = 36;
을 그리고는 -100 분에 업데이트되었다, 레이블이 foo는 바로 변경, 해당 레이블의 fontSize는 36에 뛰어하지만, 스틱 같은 머물렀다. http://jsfiddle.net/jmpxgufu/178/
이 무슨 뜻인지 보여줍니다 그들은 내가 여기 jsfiddle이 24
에 가지 않았다. 바이올린을 실행 한 후 5 초 이내에 (setInterval) 업데이트를 수행합니다. 그리고 스케일 틱은 fontSize를 업데이트하지 않습니다. 나는 이것을 사용하고있다 : https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.min.js, 내가 2.4.0을 사용할 때 작동한다.