Morris.js を使用して、いくつかの JSON データをプロットしました。グラフは正常に機能しますが、折れ線グラフの y 軸に沿ってラベルを微調整しようとしています。
現在、yLabels は、JSON データの値の範囲 (x 軸は時間) を使用して、morris.js によって自動的に生成されています。この JSON の例では、値の範囲は 54 から -47 であるため、生成される yLabels は 54、29、4、-22、-47 です。ただし、代わりに、これらの値を -50、-25、0、25、および 50 に丸めたいと思います。また、「0」の線を目立たせたいと思います。できれば別の色を使用します。
データを動的に作成しているため、これらは固定されません。別のチャートでは、値が -2.5 から +2.5 の範囲になる場合があります (この場合、y 軸に沿ったラベルを -2.5、-1.25 にしたいと思います)。 、0、1.25、2.5)。
morris.js が作成しているラベルを丸めて "0" の行を赤くするにはどうすればよいですか?
yLabels ( yLabels: ['-50','-25','0','25','50'],) の配列を作成しようとしましたが、機能しませんでした。たとえそれがあったとしても、値を「ハードコード」したくありません。前述のように、各グラフは異なり、動的に生成されるからです。
どんな助けでも大歓迎です。
アップデート
最初の例では、ymin と ymax をそれぞれ -50 と 50 に設定して、必要なものを取得できましたが、前述のように、ymin/max は状況によって異なるため、これらの値をハードコーディングしたくありません。解析される JSON。中央の線が常に 0 であることを常に保証できる方法はありますか? モリスはその上下の 2 つの y 値を決定しますか?