2

angular nvd3 の既存の例を使用して、y 軸を非表示にして x 軸から目盛りを削除しようとしています。そのため、ドキュメントを確認して showYAxis="false" を追加し、x 軸に ticks: null を追加しました。物体。しかし、y 軸を非表示にしたり、x 軸から目盛りを削除したりすることはできません。親切に、以下のリンクを見つけて、私の間違いを教えてください。y 軸の場合:

 <nvd3 options="options" data="data" showYAxis="false"></nvd3>

x 軸の目盛りを非表示にするため

 xAxis: {
    axisLabel: 'X Axis',
    ticks: null
  },

http://plnkr.co/edit/6t5bky?p=preview

4

2 に答える 2

3

CSSスタイルを使用してY軸を削除できます。

.nv-y text {
  display: none;
}

次のようにグリッド線を削除できます。

.tick {
  display: none;
}

アップデート：

text上記のスタイルでクラスを削除して、効果を確認できます。

.nv-y {
    display: none;
}

各バーの X 軸にグリッド線なしで名前を表示する場合lineは、上記のスタイルでクラスを次のように追加します。

.tick line {
      display: none;
    }

参考：スタックオーバーフロー

ワーキングプランカー

PS: nvd3 チャートを使用したことがありますが、軸やグリッド線を非表示にしようとしたことはありません。チャートはグリッド線なしで良いようです.. :)

于 2015-12-07T07:01:09.820 に答える
2

angular NVD3 に既に存在するチャート オプションを使用して、これを修正するのは非常に簡単です。y軸を取得するには追加するだけshowYAxis: false,で、x軸の目盛りを非表示にするには追加するだけです

tickFormat: function(d) {
      return null
    },

あなたxAxisのオプションに。これは、探しているオプションを備えたフォークされたプランカーです;）

于 2016-06-26T23:44:47.107 に答える