jQuery countUp.js簡略化番号

Question

私はcountUp.js（https://inorganik.github.io/countUp.js/）を利用して数値カウンタアニメーションを実行したいと考えています。しかし、数字を書式化して、略語を含めるようにしたいと思います。 "100k"から "1m"までカウント

JSを使用する前に数字を省略することができましたが、countUp.jsを変更または利用して再フォーマットする方法がわかりません同時に。 JSプラグインを数える別の番号を使用することもできます。どんな例や指針も大変ありがとう。

Answer 1

@ダニエルが述べたように、これにはformattingFn関数を使用できます。

formattingFn: (n) => { 
    for (var i = 0; i < ranges.length; i++) { 
     if (n >= ranges[i].divider) { 
      return (n/ranges[i].divider).toString() + ranges[i].suffix; 
     } 
    } 
    return n.toString(); 
} 

：あなたの数字を省略する

var ranges = [ 
    { divider: 1000000 , suffix: 'M' }, 
    { divider: 1000 , suffix: 'k' } 
]; 

はその後、あなたがformattingFnオプションとしてカスタム関数に沿って渡す：

あなたはフォーマットに含める番号の範囲を定義することから始め

あなたが提供したリンクのデモと一緒にそれをどのように適用するかを実証するために、私はこのjsfiddleを作成しました：

https://jsfiddle.net/0cg1caka/4/