D3ダッシュボードの一部が表示されない

Question

私はD3を約1年間使用しており、過去にダッシュボードを作成しました。しかし、今回は道に奇妙な衝突がありました。あなたは、ブロックを完全なビューウィンドウを表示するためにクリックする必要があり

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

注：私は、トポJSONとの地理的なダッシュボードとここに私の要旨/ブロックで発見することができ、その下に横棒グラフを持っていますウェブサイトはiframeの高さを500に制限しているようです（index.html以外のファイルはすべて無視しても、他のものはソースコード、tsvデータファイルです）

これまでの私の典型的なダッシュボード技術では、私のダッシュボードの各グラフのdiv。一方で、ここで問題となるのは、米国の地図の下に水平線が表示されるべきであるということです。しかし、細かいことにもかかわらず、水平バーは表示されません。私はまだ同じ方法でそれらを追加しています - それは過去に私のためにいつも働いていました。だから、基本的に、私は水平棒グラフが表示されていない理由はわかりません。

開発ツールはエラーが全くないことを奇妙に報告しています。ダッシュボードの半分が欠落しているため、何か間違っていることを明確に伝えることができます。

コードの棒グラフ部分がどこにあるかを示すために、index.htmlにコメントを追加しました。具体的には、行：159-228。

場合によっては、横棒グラフが何をしているのかを概念的に明確にすることも役立ちます。私の解析されたデータを最大値から最小値（私のtsvではd.fxb）でソートし、線形カラースケールごとに塗りつぶしを行った変数からrectを追加することになっています。

UPDATE

私はスタイルの呼び出しを閉鎖している、と今私は迷惑他のエラーを撮影です。残念ながら、私はコードの棒グラフ部分の最初の行に立ち往生しています。ライン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); 

}); 

：未定義の一種 『「プロパティを読み取ることができませんが、』私の知る限りでは今回は、すべてが適切な)}トークンに囲まれていることを確認することに非常に注意しました。これらの行がデータ解析関数で囲まれていることを確認するために3回チェックしました。それは起こっている私は棒グラフのコードの下部を信じているので、誰かが私を抱きしめているものに気づくことができれば、私は非常に感謝しています。

ありがとう

Answer 1

これですべての問題は解決されませんが、これを閉じることができませんでした。style call。

.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コールが最終的に閉じます）スクリプトの下部に余分な});で終わるが、それは彼らとその理由、彼らはそれを嚥下されます表示されません。