どの国が特定のプロセスに貢献したかを示すために、実用的なコロプレス世界地図を作成しました (主に、この役立つ例に従ってください: https://suffenus.wordpress.com/2014/01/07/making-interactive-maps-with-d3- for-total-beginners/ )。
次のようなペアの値になります: 米国: 10
参加しなかった国やリストにない国について、ツールチップを「未定義」から「0」(ゼロ) または「N/A」などに変更することはできますか?
ツールチップ呼び出しに関連するコードのセクションは次のとおりです。
.on("mouseover", function(d) {
d3.select(this).transition().duration(300).style("opacity", 1);
div.transition().duration(300)
.style("opacity", 1)
div.text([d.id] + " : " + (SubsByCountry[d.id])) //<--THIS LINE
.style("left", (d3.event.pageX) + "px")
.style("top", (d3.event.pageY - 30) + "px");
})
.on("mouseout", function() {
d3.select(this)
.transition().duration(300)
.style("opacity", 0.8);
div.transition().duration(300)
.style("opacity", 0);
})
実際、どこから始めればよいかさえわかりませんが、何か役に立つものがあれば、この質問を修正します。
ありがとう。