2016-08-01 10 views
1

学習しようとしました。d3.jsを初めて実装しました。 d3.jsのx軸の値に合わせていないグラフバー

はフィドルでは、我々は

50がそう

.attr('width', xScale.rangeBand())ライン46

.attr('width', '10')

にライン、水平xから各バーの幅を小さく に必要な軸ラベルはが縦のバーと一致しないようになっていますが、これは不要です。

  • 我々は自分のコード内の任意の場所にtickValuesを見ることができません:

    は、いくつかのソリューションを参照しようとしました。私たちは、hide the x axis labels

  • アワーズにしたくないSVG-Text
  • を置くことが数値であるかを理解することができません
  • 、彼らは、任意の提案種類の人々discussing about date time kind of axis

ですか?

+2

を、なぜあなたは '' .rangeBands([0、幅]、someValueの)で値を微調整していませんか? Check this modified fiddle:https://jsfiddle.net/Lz5y9L8m/ –

+0

@GerardoFurtado - ボスのように解決されました。どうやって 'rangeBands'を微調整することに決めましたか教えてください。 – xameeramir

+1

確か:配列の後ろに(オプションの、btw)値はパディングを設定します(あなたの場合、バーの間のパディング)。注:これはD3 4.xでは機能しません。 –

答えて

2

このコード試してみてください。代わりにマジックナンバーを使用しての

.rangeBands([0, width], someValue)

+0

投票ありがとう:) – Mina

関連する問題