2016-09-12 2 views
2

내가 원하는 것은 Y 축과 툴팁에 쉼표로 숫자의 서식을 지정하는 간단한 Global Option을 설정하는 것입니다. 나는 백만 가지의 예제를 시도해 보았고 이것을 사용할 수 없습니다.Chart.js Globally Formatted Number Labels

버전 : Chart.js/2.2.2

나는 간단한 글로벌 옵션을 사용하여 Y 축과 툴팁 값을 쉼표로 모든 숫자를 포맷하고 싶습니다. 이것이 글로벌을 사용하는 것이 더 쉬워지는 이유는 JSON 데이터를 생성하고 동적으로 전송하고 그것에 더 많은 옵션을 추가하는 것은 모든 숫자가 똑같이 동작해야 할 때 동적으로 고통이 될 수 있기 때문입니다.

답변

2

개발자와 이야기 한 후 y 축 및 툴팁 번호 형식을 설정하는 데있어 매우 멋진 전역 방법이 있습니다. 나는 이것이 다른 누군가를 도울 수 있기를 바란다!

전역 옵션을 사용하여이를 제어 할 수 있습니다. 예를 들어

, 여기 당신이 이렇게 업데이트 얼마나 모든 선형 스케일 (기본 Y 축) 달러 기호와 좋은 번호를

다음
Chart.scaleService.updateScaleDefaults('linear', { 
    ticks: { 
    callback: function(tick) { 
     return '$' + tick.toLocaleString(); 
    } 
    } 
}); 

당신이 툴팁

에 대해 동일한 작업을 수행도 할 수 방법은 사용하는 포맷 것입니다

:
Chart.defaults.global.tooltips.callbacks.label = function(tooltipItem, data) { 
    var dataset = data.datasets[tooltipItem.datasetIndex]; 
    var datasetLabel = dataset.label || ''; 
    return datasetLabel + ": $" + dataset.data[tooltipItem.index].toLocaleString(); 
}; 

는 다음 나는 축과 데이터 세트 설정 내에서 서식에 대한 간단한 플래그를 포함에 대한 질문

매우 다양한 옵션이 있고 각각을 지원하려는 시도가 이미 커다란 라이브러리의 크기를 크게 증가시킬 것이기 때문에 나는 이것을 핵심에 포함하기를 꺼린다. 기본적으로 개발 속도를 높이기 위해 이러한 기능의 생성을 자동화하는 포맷터 라이브러리를 만드는 것이 좋습니다.

참고 :

https://github.com/chartjs/Chart.js/issues/3294#issuecomment-246532871 https://jsfiddle.net/ChrisGo/k4Lxncvm/