國家MAP上的D3js工具提示不會發布

Question

工作之一： http : //jsfiddle.net/2emnt8m3/17/

http://ranjan720.github.io/時不起作用

源代碼： https : //github.com/ranjan720/ranjan720.github.io

我使用的地圖圖表：

var div = d3.select("body").append("div").attr("class", "tooltip").style("opacity", 0);

我使用的餅圖：

var tip = d3.tip()
            .attr('class', 'd3-tip')
            .html(function(d) {
            return d.data.population;
        })
        .direction('s')
    svg.call(tip);

    svg.selectAll(".arc")
        .data(function(d) {
            return pie(d.ages);
        })
        .enter().append("path")
        .attr("class", "arc")
        .attr("d", arc)
        .style("fill", function(d) {
            return color(d.data.name);
        })
        // SHOW/HIDE TOOLTIP
        .on('mouseover', tip.show)
        .on('mouseout', tip.hide);

    svg.append("text")
        .attr("dy", ".35em")
        .style("text-anchor", "middle")
        .text(function(d) {
            return d.State;
        });

Answer 1

var m = d3.map(datas, function(d) {
  if(d.Year == $("input[name=Year]:checked").val()){
    return d.STATEUTS.toUpperCase();
}}); 

在var id = d3.select(this).attr('id');之前，將以上代碼行保留在mouseover回調中 這條線。

希望這對您有用...如果不要求更多。