12

私は NVD3.js を使い始めていますが、このツールで可能な構成について少し迷っています。次のような多くの項目を設定したい:

  • すべてのバーの x 軸ラベルを表示します。現在、表示されているのは偶数のものだけです。 私の現在のチャート
  • x軸をパラメーターとして渡すページにリダイレクトするバーのクリック機能を構成したいのですが、このリンクはラベルに表示できますが、この場合、クリックできるように変更する必要があります.

これらは私の疑問です。誰かがドキュメントのリンクや質問への回答を手伝ってくれますか?

- 編集 -

x軸上のすべてのバーのラベルを表示する方法を見つけました:

nv.d3.js で関数を編集しますnv.models.multiBarChart。この行:reduceXTicks = trueで、値を に設定しますfalse。

また

nv.addGraph次の行を関数に追加するだけ です。

chart.reduceXTicks('false');
4

5 に答える 5

11

NVD3 の開発は、ドキュメントが利用可能なnvd3-community フォークに移動したようです。

于 2014-12-30T23:59:03.493 に答える
4

shabeer90に同意。NVD3 のドキュメントはありません (あったらいいのに)。もちろん、D3.js のドキュメントは主に活用されています...

于 2013-06-16T12:45:27.307 に答える
3

すべての返信に感謝しますが、私は自分でそれを行いました:

すべてのバーの x 軸ラベルを表示するには:

次のように、関数に追加chart.reduceXTicks('false');します。nv.addGraph()

nv.addGraph(function () {
    var chart = nv.models.multiBarChart();

    chart.reduceXTicks(false);

    return chart;
});

バーをクリックするイベントを追加するには、チャート関数でこれを使用します。

d3.selectAll("rect.nv-bar").on("click", function (d) { // You can pass d to function to recover x ou y value of the bar
  // Whatever you want to do on click
});

誰かがより良い解決策を持っている場合は、ここにコメントしてください。

于 2013-06-17T13:41:58.243 に答える
2

理想的な解決策ではありませんが、以下のリンクを使用して、必要な結果が得られるまで右側のパラメーターを調整することで、利用可能な構成オプションを簡単に見つけることができます。これは nvd3 への angularjs ラッパー用ですが、構成はほとんど同じで、代わりに JSON を使用するだけです。

https://krispo.github.io/angular-nvd3/#/historicalBarChart

于 2014-10-23T14:36:38.720 に答える
1

API のドキュメントはこちらにあります。これらのツールはどれも、JSON を単純に取り込む抽象化を実現するまでは役に立ちません。いまいましいグラフをコーディングしたいと思う人はいません。

https://github.com/novus/nvd3/wiki/API-Documentation

于 2014-10-20T02:11:57.247 に答える