javascript - 如何在 Chart.js 中更改标签和值，例如 500,000 到 500k？

Question

我在 laravel 4 中使用 Chart.js 1.0.2 来绘制条形图。如何更改标签和值，例如 500,000 到 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) ;
}