D3をv4からv6にアップグレードした後、軸がグラフの中心に移動します

C.ショート

d3バージョンをv4からv6にアップグレードしたばかりで、グラフの描画方法に変更を加えていません。以前は、最小データ値と最大データ値がすべて0であったときに、y = 0のx軸がチャートの下部に設定されていました。これは、私が保持しようとしているものです。これで、d3が何らかの理由でチャートの中央に移動したように見えます。左側のv4と右側のv5とv6:v4からv5に移行したときにもこの変更に気づきましたが、変更ログには、yScaleの変更について説明しているものが見つかりません。これは、yScale.domainが([0,0])に設定されている場合にのみ発生しますが、正または負の値がある場合は、チャートの下部または上部に正しく配置されます。ここに画像の説明を入力してください ここに画像の説明を入力してください

ここに画像の説明を入力してください

私はあちこちを検索してドメインを変更しようとしましたが、うまくいきませんでした。何が変わったのか、あるいは次に何を試すべきかについて別の考えを知っている人はいますか?ありがとうございました。

ジェラルド・フルタド

それは意図的な決定でした(そのユーザー、mbostockはD3作成者です):https//github.com/d3/d3-scale/issues/117

簡単な修正としてできることは、スケールのドメイン値を事前にチェックすることです。それらが同じである場合は、戻り値を範囲の先頭に設定します。

const scale = d3.scaleLinear().domain([0, 0]).range([0, 10]);
const value = 0

//this is the current expected result
console.log(scale(value));

//check the domain values first
console.log(scale.domain()[0] === scale.domain()[1] ? scale.range()[0] : scale(value))
<script src="https://d3js.org/d3.v6.min.js"></script>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してくださいdebugcn@gmail.com

編集
0

コメントを追加

0

関連記事

分類Dev

アプリのNode.jsバージョンをv0.10からv4またはv6にアップグレードする必要がありますか?

分類Dev

Angular v5からAngular v6にプロジェクトをアップグレードしたい

分類Dev

D3 V4折れ線グラフの拡大に従ってドットを移動するにはどうすればよいですか?

分類Dev

d3 v4でラベル付きのノードをドラッグすると、レイアウトの不具合が発生します

分類Dev

D3 v4 更新棒グラフが最後の棒をプロットしない

分類Dev

D3.JS V4は、データを追加/更新した後にグラフ要素を更新します

分類Dev

d3 v4に移行すると、ドラッグ時に重複が発生します

分類Dev

d3 js v4棒グラフを下(x軸)から上にアニメーション化する方法は?

分類Dev

D3 v4グラフはバーを更新しませんが、新しい軸データを追加します

分類Dev

d3をv4に更新した後のノード位置の問題

分類Dev

D3 v4:グラフ作成ツール:列の後ろに水平グリッド線を送信する方法

分類Dev

「解決に失敗しました:サポート-V4」のAndroidスタジオをアップグレードした後、

分類Dev

Spring Security3からSpringSecurity 4にアップグレードした後に例外が発生しますか?

分類Dev

Nativescriptを6にアップグレードした後、android.support.v4が見つからず、プロジェクトのコンパイルに失敗します

分類Dev

v1.6.3からIdentityServer3v2.5にアップグレードした後のGetProfileDataAsyncの問題

分類Dev

d3.jsv3からv4にアップグレードするときにdXとdYの値が未定義

分類Dev

Windows 10は、v1511からv1607に正常にアップグレードした後、画面の再起動でスタックしました

分類Dev

Spring3からSpring4にアップグレードした後、HibernateTemplateに互換性のないタイプのエラーがあります

分類Dev

d3 v4でクリック可能な遷移棒グラフを作成するには?

分類Dev

react-native-firebase v6では、フォアグラウンドで通知を受信するとアプリがクラッシュしました

分類Dev

v2.2にアップグレードした後、Djangoが重複したエラーメッセージを送信するのはなぜですか?

分類Dev

d3 v4: ヒストグラム データでスタックを使用しますか?

分類Dev

TFS 2015v3にアップグレードした後の単体テストの実行中にエラーが発生しました

分類Dev

Facebook PHPSDKがv4をv5にアップグレードしてOpenGraphセッション

分類Dev

IdentityServer4をv3からv4にアップグレード-スコープ検証エラー

分類Dev

d3js v4:力指向グラフにノードを追加します

分類Dev

d3 v6で遷移が完了した後、d3遷移終了を使用して関数を呼び出すにはどうすればよいですか?

分類Dev

signingConfigsタグを使用すると、v22にアップグレードした後にbuild.gradleでLintエラーが発生します

分類Dev

プロジェクトをBabelv5からv6 +にアップグレードするときの「TypeErrornotaconstructor」

Related 関連記事

  1. 1

    アプリのNode.jsバージョンをv0.10からv4またはv6にアップグレードする必要がありますか?

  2. 2

    Angular v5からAngular v6にプロジェクトをアップグレードしたい

  3. 3

    D3 V4折れ線グラフの拡大に従ってドットを移動するにはどうすればよいですか?

  4. 4

    d3 v4でラベル付きのノードをドラッグすると、レイアウトの不具合が発生します

  5. 5

    D3 v4 更新棒グラフが最後の棒をプロットしない

  6. 6

    D3.JS V4は、データを追加/更新した後にグラフ要素を更新します

  7. 7

    d3 v4に移行すると、ドラッグ時に重複が発生します

  8. 8

    d3 js v4棒グラフを下(x軸)から上にアニメーション化する方法は?

  9. 9

    D3 v4グラフはバーを更新しませんが、新しい軸データを追加します

  10. 10

    d3をv4に更新した後のノード位置の問題

  11. 11

    D3 v4:グラフ作成ツール:列の後ろに水平グリッド線を送信する方法

  12. 12

    「解決に失敗しました:サポート-V4」のAndroidスタジオをアップグレードした後、

  13. 13

    Spring Security3からSpringSecurity 4にアップグレードした後に例外が発生しますか?

  14. 14

    Nativescriptを6にアップグレードした後、android.support.v4が見つからず、プロジェクトのコンパイルに失敗します

  15. 15

    v1.6.3からIdentityServer3v2.5にアップグレードした後のGetProfileDataAsyncの問題

  16. 16

    d3.jsv3からv4にアップグレードするときにdXとdYの値が未定義

  17. 17

    Windows 10は、v1511からv1607に正常にアップグレードした後、画面の再起動でスタックしました

  18. 18

    Spring3からSpring4にアップグレードした後、HibernateTemplateに互換性のないタイプのエラーがあります

  19. 19

    d3 v4でクリック可能な遷移棒グラフを作成するには?

  20. 20

    react-native-firebase v6では、フォアグラウンドで通知を受信するとアプリがクラッシュしました

  21. 21

    v2.2にアップグレードした後、Djangoが重複したエラーメッセージを送信するのはなぜですか?

  22. 22

    d3 v4: ヒストグラム データでスタックを使用しますか?

  23. 23

    TFS 2015v3にアップグレードした後の単体テストの実行中にエラーが発生しました

  24. 24

    Facebook PHPSDKがv4をv5にアップグレードしてOpenGraphセッション

  25. 25

    IdentityServer4をv3からv4にアップグレード-スコープ検証エラー

  26. 26

    d3js v4:力指向グラフにノードを追加します

  27. 27

    d3 v6で遷移が完了した後、d3遷移終了を使用して関数を呼び出すにはどうすればよいですか?

  28. 28

    signingConfigsタグを使用すると、v22にアップグレードした後にbuild.gradleでLintエラーが発生します

  29. 29

    プロジェクトをBabelv5からv6 +にアップグレードするときの「TypeErrornotaconstructor」

ホットタグ

アーカイブ