現在、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. scale_x_discrete()はy軸を変更します
- 3. D3jsはx軸とy軸のティックを変更します
- 4. Chart.jsのy軸から最小値と最大値を非表示にする
- 5. ChartJS:固定Y軸の最大値と最小値を設定する方法
- 6. パンダプロット変更y軸
- 7. D3階層型棒グラフ - X軸とY軸の値を変更します
- 8. ハイチャート:チャートの下のy軸の最小値
- 9. ハイチャート各y軸の最小値と最大値を持つ極クモ
- 10. VBAアクセスピボットグラフはY軸の最小/最大スケールを設定します
- 11. D3のX/Y軸の値を変更できません
- 12. グラフ軸の最小値
- 13. R最大と最小でy軸のティックバーをプロット
- 14. ハイチャート:y軸の最大値と最小値を動的に設定し、作成時ではなく
- 15. Y軸の値をNumbersからStringsに変更する
- 16. Rの最小値と最大値の範囲をy軸に強制する方法は?
- 17. Android MpchartはY軸の値を設定します(y軸の文字列の値ではありません)
- 18. Y軸の縮尺を変更
- 19. GoogleグラフのY軸を変更しますか?
- 20. y軸のフォーマットをプロットで変更します
- 21. ラベルの色を変更するY軸とX軸chart.js
- 22. ウィリアムチャットハイライトバーのクリック&Y軸ラベルの変更
- 23. R:sjp.glmer x軸lim、パーセントから小数点までのy軸ラベル、信頼帯の色を変更
- 24. chart.jsでY軸を小さくする
- 25. 負のデータがない限り、ハイチャートのy軸の最小値を0に設定します。
- 26. 私は(エクセル)グラフィックのY軸を変更したい
- 27. Dimple.js線グラフのY軸ラベルを縮小
- 28. Morris LineグラフのY軸テキストを置換または変更します
- 29. クエリ結果の整形(x軸とy軸のフィールドの変更)
- 30. ChartJs:x軸最小値と最大値が機能しない
申し訳ありません、よろしくお願いいたします。 – Siva
プロットに表示されるグラフの 'maxValue'を得る方法はありますか?私はnvd3 boxplotを使用していて、異常値を表示していません。だから私はその上限値としてチャートによって計算されたその最大値を使用したいと思います。 – Dinesh
データから最大値を得ることができます。 –