現在、NVD3を使用していくつかの折れ線グラフを作成しています。 y軸を常に0から始めるようにすることが可能かどうか疑問に思っています。現在は常にyの値の小さいほうから始まります。私はtickValuesを使用しようとしましたが、私は他の値を変更したくありません。また、値0のデータポイントを追加しようとしましたが、これは回避策のように思われ、グラフの見た目に影響します。何か案は?NVD3/D3はy軸の最小値を変更します
答えて
"ダミー"データポイントを追加する必要はありません。必要なのは、スケールの入力ドメインを調整することだけです。
chart.yAxis.scale().domain([0, maxValue]);
ほとんどのチャートには、値の配列をとるforceXおよびforceY関数があります。あなたは常に、少なくとも0と10を示しているあなたのx軸上の点を確認します
var chart = nv.models.lineChart();
chart.forceX([0, 10])
chart.forceY([-1, 1])
を、しかし、あなたはそれを直接操作する場合は、ドメインを制限しません:あなたはこのようにそれを使用することができます。
chart.yAxis.scale().domain([0, maxValue]);
とあなたのデータあなたがFORCEXを使用している場合、彼らは指定されたドメインの外に落ちますので、あなたのチャートに表示されません負のX値を持っていますが、彼らは以下となります。それはあなたのような何かをする場合です。
スケールを設定しようとしていますが、動作しません。たとえば、chart.y1Axis.scale()。domain([0、maxValue]) .tickFormat(d3.format( '、f')); – Acyra
update()を呼び出すと、直接設定した値が破損している可能性があります。 – WolfgangCodes
答えに少し追加:yAxisの最小値のみを設定したかったので、最大値を自動的に設定する必要があります。私は、あなたが[min、max]設定の配列の代わりに単一の値でforceYを呼び出すと、nvd3が最小値としてこの値を設定し、それ自身で最大値を計算することが分かりました。 TL; DR - >最小yAxis値を0に設定し、最大値をnvd3で計算するにはforceY(0)を使用してください。 – Fidel90
私はnvd3チャートのプロパティを考え出すとき(あなたがところで、角使っていない場合でも適用されます)非常に有用であることが、このテストページを見つける
https://krispo.github.io/angular-nvd3/#/lineChart
- をクリックして
- を「拡張」
forceY
-5
のような値を入力し、それを追加してすぐにエフェクトを表示します(サンプルグラフにはすでにゼロが表示されています)。
これはマルチチャートでは機能しません。壁に向かって頭を叩いて、私がその実現を得る前になぜこれが私のグラフではうまくいかないのか理解しようとしました。 –
- 1. X軸とY軸の値の色を変更します。 Chart.js
- 2. ハイチャート:チャートの下のy軸の最小値
- 3. グラフ軸の最小値
- 4. ハイチャート:y軸の最大値と最小値を動的に設定し、作成時ではなく
- 5. R最大と最小でy軸のティックバーをプロット
- 6. Rの最小値と最大値の範囲をy軸に強制する方法は?
- 7. Y軸の縮尺を変更
- 8. 負のデータがない限り、ハイチャートのy軸の最小値を0に設定します。
- 9. クエリ結果の整形(x軸とy軸のフィールドの変更)
- 10. c#chart change x軸の最大値と最小値
- 11. Zedgraph - 軸の最小/最大値を永久に設定する
- 12. HighCharts - 2つのY軸、最大値を持つもの
- 13. Y軸のラベル値をプロットする
- 14. ggplot2 y軸ラベル小数精度
- 15. JFreeChart Y軸の整数値を浮動小数点として表示
- 16. 二重Y軸を持つ散布図の色を変更します
- 17. jqplotのy軸ラベル領域の幅を変更する
- 18. SSRSチャートのY軸の指定された、またはデフォルトの最大値
- 19. iOS onTouchMove x軸またはy軸
- 20. Perl最小値、最大値、デフォルト値の属性を変更する
- 21. ブラシ付き領域グラフのy軸を更新します
- 22. プロットの軸値を変更する
- 23. matplotlibの上限y-limと上限y-limの最小値を設定する
- 24. ダイナミックデータ表示チャート:Y軸範囲を変更する
- 25. .NETチャートコントロール - 動的にy軸間隔を変更する
- 26. y軸をパーセントに変換する
- 27. x軸とy軸のオーバーフロー
- 28. x軸とy軸のダイナミックデータチャート
- 29. Flot JQueryライブラリを使用して既存のプロットの最小/最大軸を変更する
- 30. ディンプルJS複数のy軸 - デフォルトソートの変更
申し訳ありません、よろしくお願いいたします。 – Siva
プロットに表示されるグラフの 'maxValue'を得る方法はありますか?私はnvd3 boxplotを使用していて、異常値を表示していません。だから私はその上限値としてチャートによって計算されたその最大値を使用したいと思います。 – Dinesh
データから最大値を得ることができます。 –