0

チャートの例へのリンクは次のとおりです: http://nvd3.org/ghpages/multiBar.html

提供したデータのプロットされた値を切り替えることができました。元：

datapoints = [ 
  {
    key: "Series1",
    color : "#62CCF1",
    values: [
  { 
    "label" : "Group A" ,
    "value" : 507
  } , 
  { 
    "label" : "Group B" , 
    "value" : 436
  } ,
  { 
    "label" : "Group C" ,
    "value" : 346
  } ,
  { 
    "label" : "Group D" ,
    "value" : 343
  } 
    ]
  }
];

しかし、何らかの理由で、x 軸に「グループ X」を出力して各バーにラベルを付ける代わりに、NaN しか得られません。元の例では x 軸の数値が生成されるため、これは提供されているグラフ js に関連していることがわかります。js ファイルを精査しましたが、これを編集するための対応する場所が見つかりません。これを追加してみました：

nv.addGraph(function() {
  var chart = nv.models.multiBarChart()
  .x(function(d) { return d.label }) //this part specifically
  .y(function(d) { return d.value })

しかし、運がありませんでした。

4

1 に答える 1

1

値[] は、チャートにプロットされる X および Y ポイントでなければなりません。label 属性と value 属性の名前を x と y に変更するか、これらの値を提供する関数を作成する必要があります。

名前"label"を asXおよびvalueasに変更するだけですY

これは、あなたと同様のデータ構造を持つ別の質問です。

それが役に立てば幸い

于 2013-06-26T14:50:10.990 に答える