D3 條形圖上的條形未顯示

Question

我已經盯着這段代碼看了幾個小時了，也許這很明顯，或者只是需要一雙新的眼睛，但我很想弄清楚為什么圖表上的條形沒有出現？

這是它的小提琴： 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],
    ...
}

並更改 scale 函數以使用 'mx' 數組的第一個索引。

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

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