D3儀表板的一部分未顯示

Question

我已經使用D3大約一年了，過去我制作儀表板沒有問題。 但是，這次我遇到了一個非常奇怪的顛簸。 我有一個帶有topo JSON的地理儀表板，下面有一個水平條形圖，可以在下面的要點/塊中找到：

http://bl.ocks.org/diggetybo/77469aa2acec38f1870197724ea671d6

請注意，您可能必須單擊以查看完整視圖窗口，blocks網站似乎將iframe的高度限制為500。（您可以忽略除index.html之外的所有文件，其他文件僅是源代碼，以及我的tsv數據文件）

過去，我通常的儀表板技術是為儀表板的每個圖形分配一個單獨的div。 鑒於此，當前的問題是在美國地圖下應該有可見的單杠。 但是，盡管進行了很多修補，但不會顯示水平條。 我仍然以相同的方式附加它們-過去一直對我有用。 因此，基本上，我不確定為什么未顯示水平條形圖。

開發人員工具報告說根本沒有錯誤-這很奇怪。 我可以清楚地說出問題，因為儀表板的一半丟失了。

我在index.html中添加了注釋，以指示代碼的條形圖部分在哪里。 具體來說，行：159-228。

以防萬一，從概念上清楚地說明水平條形圖正在做什么，這可能也會有所幫助。 它應該從一個變量追加rects，該變量將解析后的數據的值從最大到最小排序（在我的tsv中為d.fxb），並按照線性色標進行填充。

更新

我已經結束了樣式調用，現在我很難解決其他錯誤。 可悲的是，我陷入了代碼條形圖部分的第一行。 第160行。我已經更新了要點，在這里將包括相關行，以方便參考：

var values = data.fxb.sort(function(a, b) {
    return -(a - b);
});

var name_value_array = json.features.name;


var name_values = name_value_array.sort(function(a, b) {

    return -(a.value - b.value);

});

我收到一條錯誤消息：“無法讀取未定義的屬性” sort”。據我所知，應該定義數組。這次我非常小心，以確保所有內容都包含在適當的)}標記內。三重檢查以確保這些行仍被數據解析功能包圍。所以我不確定為什么會發生這種情況。我確實對條形圖代碼的底部有信心，所以如果有人可以發現阻止我的原因我會很感激。

謝謝

Answer 1

這不能解決您所有的問題，但是您無法關閉此style調用 。

.style("fill", function(d) {
  // Get data value
  var value = d.properties.fxb;
  if (value=='None') {
    return "#999999"
  }
  if (value) {
  //If value exists…
    return color(value);
  } else {
    //If value is undefined…
    return "#999999";
  }

然后，您還可以得到一個額外的}); 在腳本的底部（ style調用最終被關閉）

還有更多錯誤，但這正在吞噬它們，並且沒有顯示它們。