D3 条形图上的条未显示

Question

我已经盯着这段代码看了好几个小时了，也许它很明显，或者只是需要一双新眼睛，但我非常想知道为什么图表上的条形图没有显示出来？？

这是它的 fiddle： http://jsfiddle.net/u7zs3jwo/1/

这是JSON：

var bardata = [
   {
      "ts":1431728734,
      "interval":12,
      "method":"GET",
      "host":"beta.familysearch.org",
      "aggs":{    
         "con":{     //Connect
            "25":6,
            "50":6,
            "75":6,
            "90":7.1,
            "95":7.55,
            "99":7.91,
            "mn":6,
            "mx":8,
            "avg":6.3,
            "stddv":0.67
         },
         "count":10,
         "srvbsy":{     
            "25":2100.75,
            "50":2272,
            "75":3038.25,
            "90":3571.4,
            "95":3627.2,
            "99":3671.84,
            "mn":920,
            "mx":3683,
            "avg":2452.6,
            "stddv":836.3
         }
      }
   }
];

提前感谢您的帮助！！！

Answer 1

传入D3的数据必须是数组形式。正如您的代码所代表的那样，您正在传递一个值。我的回答假设您只想绘制一个条形图，即 'mx'.

的值

只需像下面这样更改您的代码，就会显示该行。

将传入的值改为数组。

bardata = {
    ...
    "mx":[3683],
    ...
}

并更改比例函数以使用 'mx' 数组的第一个索引。

var vGuideScale = d3.scale.linear()
    .domain([0, bardata[i].aggs.srvbsy.mx[0]]) // <-- here
    .range([height, 0])

http://jsfiddle.net/u7zs3jwo/2/

D3 条形图上的条未显示

Bars on D3 Bar Graph not showing up

javascript

bar-chart

d3.js