d3.jsとnvd3.jsで序数x軸を使用する線グラフ

Question

X軸をカテゴリに保ってデータセットから折れ線グラフを作成しようとしています。それは観察Xとの間の等距離間隔を有する線グラフのようになり、観察者について 座標：

（1 ------ 5 ------ 30 ------ 600）

（1-5 ----- 30 ------------------- 600）

：今、私はこのような何かを取得していますについては

これは私のデータセットです：

var ds1 = [ 
    { 
    key: 'VAR-1', 
    color: '#FF7F0E', 
    values: [ 
    { "x" : "600", "y" : 0.07706} 
, { "x" : "30", "y" : 0.00553} 
, { "x" : "5", "y" : 0.00919} 
, { "x" : "1", "y" : 0.00969} 
    ] 
    } 
]; 

私は作成しようとしました序数軸を設定し、折れ線グラフオブジェクトに設定します。

var chart =nv.models.lineChart() 
      .margin({top: 10, bottom: 40, left: 60, right: 30}); 
var x = d3.scale.ordinal().domain(["1","5", "30", "600"]); 
chart.xAxis.scale(x); 

chart.yAxis 
    .tickFormat(d3.format(',.3f')); 

chart.forceY([0]); 

d3.select('#exampleOne') 
    .datum(ds1) 
    .transition().duration(500) 
    .call(chart); 

ただし、プロットでは何も変化していないようです。

NVD3折れ線グラフの実装で順序軸が有効になっている可能性がありますか、この折れ線グラフは数値データ用に書かれていますか？

PS：私はd3.jsを初めて使ったので、ここで何か間違っている可能性があります。

Answer 1

スケールのrangeBounds（[0、chartWidth]）を設定してみてください。 すなわち

d3.scale.ordinal().domain(["1","5", "30", "600"]).rangeBounds([0, width]); 

訂正：私はあなたのスケールを変更することが必要と思っていますが、実際に行が値が等距離にプロット持っていることをプロットします。これを行うには、lineGraphに送信するデータセットを変更する必要があります。

var ds1 = [ { 
key: 'VAR-1', 
color: '#FF7F0E', 
values: [ 
{ "x" : "4", "y" : 0.07706} 
, { "x" : "3", "y" : 0.00553} 
, { "x" : "2", "y" : 0.00919} 
, { "x" : "1", "y" : 0.00969} 
]} 
]; 

そのようにx軸に示す値が序になりながら（すなわち1、5、30、600）、値が線形スケールであろうラインに対してプロット。

Answer 2

nvd3の任意のラインまたは散布図に序数ドメインを設定することはできないと思います。これらの線はmodels.scatter定義である：

if (isNaN(x.domain()[0])) { 
     x.domain([-1,1]); 
    } 

    if (isNaN(y.domain()[0])) { 
     y.domain([-1,1]); 
    } 

が明らかにこれは、折れ線グラフの下に、グラフのこのタイプ（任意のxに対して序スケール又はYスケールを許可しないであろう他の非棒グラフの最もそうみたいです）。