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>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
アプリのNode.jsバージョンをv0.10からv4またはv6にアップグレードする必要がありますか？
- 2
Angular v5からAngular v6にプロジェクトをアップグレードしたい
- 3
D3 V4折れ線グラフの拡大に従ってドットを移動するにはどうすればよいですか？
- 4
d3 v4でラベル付きのノードをドラッグすると、レイアウトの不具合が発生します
- 5
D3 v4 更新棒グラフが最後の棒をプロットしない
- 6
D3.JS V4は、データを追加/更新した後にグラフ要素を更新します
- 7
d3 v4に移行すると、ドラッグ時に重複が発生します
- 8
d3 js v4棒グラフを下（x軸）から上にアニメーション化する方法は？
- 9
Spring Security3からSpringSecurity 4にアップグレードした後に例外が発生しますか？
- 10
Windows 10は、v1511からv1607に正常にアップグレードした後、画面の再起動でスタックしました
- 11
Nativescriptを6にアップグレードした後、android.support.v4が見つからず、プロジェクトのコンパイルに失敗します
- 12
「解決に失敗しました：サポート-V4」のAndroidスタジオをアップグレードした後、
- 13
D3 v4グラフはバーを更新しませんが、新しい軸データを追加します
- 14
v1.6.3からIdentityServer3v2.5にアップグレードした後のGetProfileDataAsyncの問題
- 15
Spring3からSpring4にアップグレードした後、HibernateTemplateに互換性のないタイプのエラーがあります
- 16
d3をv4に更新した後のノード位置の問題
- 17
D3 v4：グラフ作成ツール：列の後ろに水平グリッド線を送信する方法
- 18
d3.jsv3からv4にアップグレードするときにdXとdYの値が未定義
- 19
v2.2にアップグレードした後、Djangoが重複したエラーメッセージを送信するのはなぜですか？
- 20
ナビゲーションバー折りたたみトグルがオフにならない（ブートストラップv4ベータからv4アルファ6に切り替えた後）
- 21
TFS 2015v3にアップグレードした後の単体テストの実行中にエラーが発生しました
- 22
d3 v4でクリック可能な遷移棒グラフを作成するには?
- 23
React Router V4：最後にアクセスしたページにプログラムで移動する方法
- 24
signingConfigsタグを使用すると、v22にアップグレードした後にbuild.gradleでLintエラーが発生します
- 25
d3 v4: ヒストグラム データでスタックを使用しますか?
- 26
Facebook PHPSDKがv4をv5にアップグレードしてOpenGraphセッション
- 27
react-native-firebase v6では、フォアグラウンドで通知を受信するとアプリがクラッシュしました
- 28
Bootstrapを3から4にアップグレードした後、AngularNavBarが機能しない
- 29
Xcode4.xをXcode5.0にアップグレードした後、ストーリーボードのグラフィックが消えました
コメントを追加