如何在Chart.js中將標簽和值從500,000更改為500k？

Question

我在laravel 4中使用Chart.js 1.0.2繪制條形圖。 如何將標簽和值從500,000 to 500k更改500,000 to 500k ？

Answer 1

如果只想添加“ k”，請在選項..中傳遞一個函數。

scaleLabel: function (v) {
    return v.value / 1000 + 'k';
}

..但這將破壞超過一百萬的任何內容（即10,000,000將是10000k）。 所以一個功能來解決這個..

function formatNumber( v ) {
    // Change the '1' here to adjust decimal places
    var numOfDecimalPlaces = Math.pow( 10, 1 ) ;
    var suffixList = [ "k", "m", "b", "t" ] ;

    for ( var i = suffixList.length - 1; i >= 0; i-- ) {
        var size = Math.pow( 10, ( i + 1 ) * 3 ) ;
        if( size <= v ) {
             v = Math.round( v * numOfDecimalPlaces / size ) / numOfDecimalPlaces ;
             if ( ( v == 1000) && ( i < abbrev.length - 1 ) ) {
                 v = 1 ;
                 i++ ;
             }
             v += suffixList[ i ] ;
             break ;
        }
    }

    return v ;
}

..並以..調用

scaleLabel: function (v) {
    return formatNumber(v.value) ;
}