Question

以下是图表示例的链接：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轴上输出“Group X”，标记每个条形码，我只是得到了NaN。我知道这与提供的图表js有关，因为原始示例生成x轴的数字。我已经搜索了js文件但找不到相应的位置来编辑它。我尝试添加这个：

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

但没有任何运气。

Answer 1

值[]必须是X和Y点才能在图表中绘制。您需要将label和value属性重命名为x和y，或者需要创建函数来提供这些值。

只需将"label"重命名为X，将value重命名为Y

Here是另一个与您的数据结构类似的问题。

希望有所帮助

在NVD3堆叠/分组多条形图中输出文本标签

1 个答案: