javascript - nvd3.jsで背景のグリッド線を削除するにはどうすればよいですか?

Question

次の例のように、nvd3.js で棒グラフを作成しています: http://nvd3.org/ghpages/discreteBar.html。背景が真っ白になるようにグリッド線を削除する方法があるかどうか疑問に思っていました。すべての例でグリッド線を使用しています。ソース コードも確認しましたが、discreteBar モデルにはこれを可能にするものは何もありませんでした。

Answer 1

.tick {
  opacity: 0;
}

インライン css を使用して不透明度を 1 に設定しているため、discreteBar チャートの垂直線では機能しません。しかし、これは機能します。

.tick {
  display: none;
}

これにより、軸のラベルも非表示になります。行を削除してラベルを残したい場合は、次を使用します。

.tick line {
  display: none;
}

Answer 2

CSS でこれらのグリッド線を選択し、不透明度を 0 に設定できます。

.tick {
  opacity: 0;
}

それでもベースラインを表示したい場合は、これを次のように変更できます。

.tick:not(.zero) {
  opacity: 0;
}

ブラウザーのインスペクター ツールを使用して、変更したい個々の要素のクラスを確認し、CSS の機能を使用します。

Answer 3

ガイドラインを取り除き、ラベルを維持するには

.tick line {
  opacity: 0;
}

Answer 4

cssを更新するだけです

.tick line {
display: none;
}