D3 choropleth工具提示 - 更改默认值" undefined"

时间:2015-07-31 17:09:42

标签: d3.js choropleth

我制作了一份工作等级世界地图,以显示哪些国家/地区对某个流程有所贡献(主要是遵循这个有用的示例:https://suffenus.wordpress.com/2014/01/07/making-interactive-maps-with-d3-for-total-beginners/)。

我最终得到的配对值如:United State:10

如果某个国家/地区没有参与或未列入我的列表,是否可以更改工具提示,以及#34; undefined"到" 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);
    })

我实际上甚至不知道从哪里开始,但如果我想出任何有用的东西,我会修改这个问题。

感谢。

0 个答案:

没有答案