morris.jsの線グラフのy軸の整数

Question

htmlページでmorris.js折れ線グラフを使用し始めました。 整数だけを含むようにy軸を設定する方法はありますか？ これで10進数が表示されますが、データセットには整数のみが含まれています。

Answer 1

この機能は、約12日前のGithubリポジトリでthisプルリクエストによって追加されました。デフォルトでfalseに設定されているオプションgridIntegersが追加されました。それはまだメインリポジトリにマージされません。したがって、あなたが今、それを使用したい場合は、あなたがthisバージョンをダウンロードして、次のように設定する必要があります。

Morris.Line({ 
     element: "mydiv", 
     data: mydata, 
     xkey: 'time', 
     ykeys: ['value'], 
     labels: ['Requisições'], 
     gridIntegers: true, 
     ymin: 0 
    }); 

あなたは0に設定yminパラメータを見たことがありますか？それは警告です！ y軸は、カスタムy-minおよび/またはy-max境界を設定した場合に限り、整数だけで動作します。私の場合、私のデータが0より劣る値を示さないことを知っているので、それは実行可能です。したがって、それは魅力のように機能します。

あなたは使っていないときやパッチを使用した場合の違いを怒鳴る見ることができます：

Answer 2

私はBAR/LINEを使用していると私は問題を抱えている：

「ymin：0」を使用すると、整数はありません

Answer 3

ここに私が使用した実際のコードがあります....

new Morris.Bar({ 
    ... 
    yLabelFormat: function(y){return y != Math.round(y)?'':y;}, 
    ... 
});