nvd3.js

    5

    1答えて

    マルチバーチャートを生成するのにnvd3.jsを使用しています。ここに私のコードは次のとおりです。 $(function() { $.get('/charts/objects_created/') .done(function(resp) { init_graphs(resp); }); function init_graphs(dat

    10

    4答えて

    データポイントをonclickイベントでバインドしようとしていますので、いくつかの追加の詳細とリンクを持つオーバーレイボックスを表示できます。私は.nv-pointクラスを使用してデータポイントにアクセスしています。問題は、それらのデータポイントにonclickイベントを登録できないことです。ここ コードである: d3.selectAll(".nv-point").on("click",funct

    6

    1答えて

    D3のマルチラインチャートで作業していますが、レンダリングに問題があります。私は私のデータセットが考えられるかもしれないことを理解し、X = 2でレンダリングする「ライン1」に停止を [ { key:"line 1", values: [ {x:1, y:1}, {x:2, y:2} ] }, { key:"line 2" , values: [ {x:1, y:1}, {x:

    8

    3答えて

    現在、NVD3を使用していくつかの折れ線グラフを作成しています。 y軸を常に0から始めるようにすることが可能かどうか疑問に思っています。現在は常にyの値の小さいほうから始まります。私はtickValuesを使用しようとしましたが、私は他の値を変更したくありません。また、値0のデータポイントを追加しようとしましたが、これは回避策のように思われ、グラフの見た目に影響します。何か案は?

    9

    1答えて

    私は1E + 0、2E + 0、3E + 0、軸値で4E + 0ように値を得ている軸で d3.scale.log().domain([1,4]).range([h, 0]); を次のコードを試してみました。しかし、私は10,100,1000,10000などの対数的な値が必要です。

    17

    2答えて

    データ:(angularjs指令から引き出さ)チャートを作成 nvd3TestData = [ { values:[ {x:"M",y:1}, {x:"T",y:2}, {x:"W",y:3}, {x:"R",y:3}, {x:"F",y:4}, {x:"S",y:5}, {x

    11

    5答えて

    NVD3.jsで作業を始めていますが、このツールで可能な設定については少し迷っています。 私のような多くの項目を設定したい:意志、 を私はバーのクリック機能を設定する:現在、私は表示のみでもものを持って、 すべてのバーの表示のx軸ラベルをx軸をパラメータとして渡すページにリダイレクトすると、このリンクをラベルに表示することができますが、この場合はクリックするために変更する必要があります。 これらは

    5

    1答えて

    d3.jsとnvd3を使用して折れ線グラフを作成しようとしていますが、レンダリングエラーが発生しています。これはいくつかの要素が正しく描画されないか、まったく。 エラーコンソールに表示エラーがError: Problem parsing d="MZ" nvd3のコードで見た後、私は、コードが(、Lを使用して、正しいポイントのように例を頂点のリストを結合することが見出されるだろうd="M0 0L1

    36

    1答えて

    nvd3.jsを使用してリアルタイムグラフを作成しようとしていますが、これは定期的に更新され、データがリアルタイムで処理されるという印象を与えます。 今のところ私は定期的にグラフを更新する関数を作成することができましたが、左に遷移する線のような "状態"間のスムーズな遷移はできません。 Here私はnvd3.jsを使用してやったことで、ここで興味深いのコードは次のとおりです。 d3.select(

    6

    3答えて

    比較的新しいd3とnvd3で、exampleのように単純な散布図を作成したいと考えていましたが、y軸はordinalです。したがって、y軸の値はカテゴリ文字列です。これは私が私が行うために必要と思ったものです: var xfun = function (d) { return d.Pos } //simple ints , yfun = function (d) { return d.T