Question

我在d3中绘制了三个不同系列的折线图。然而，这条线从一个系列延续到下一个系列，我无法弄清楚出了什么问题。在我的代码中，我从源数据重新映射以创建一个对绘图更友好的新数组。并且，我为每个数据系列创建，并添加到每个数据系列。

有人能告诉我我的代码在哪里错了吗？

谢谢！

//sets the domain vairable to mapColor to Variable.
mapColor.domain(d3.keys(data[0]).filter(function(key) { return key == "Variable"
    }));


xScale = d3.scale.linear().domain([min,max])
        .range([100,1000])

var ymin = d3.min(data, function(d){
    return d.Value;
})

var ymax = d3.max(data, function(d){
    return d.Value;
})

yScale = d3.scale.linear().domain([0,ymax])
    .range([1300,100])


var line2 = d3.svg.line()
        .x(function(d)
            {return xScale(d.date);
            })
        .y(function(d){
            return yScale(d.value);
            })

var cities = mapColor.domain().map(function(name) {

console.log(mapColor.domain())

var a = {name: name, values: data.map(function(d) {
    console.log(d)
    console.log(d[name])
    return { date: d.Year, value: d.Value };
    })

}

return a;

  });


//create group element for each disease
var disease=  svg.selectAll(".disease")
        .data(cities)
    .enter()
    .append('g')
    .attr('class','disease')


disease.append('path')  
    .attr("d",function(d){
            return line2(d.values)   //d.values is array of yearly values for each    disease.
    })
    .style("stroke","blue")
    .style("stroke-width","1px")
    .style("fill","none")


}) // end of d3.csv("immune.csv")

数据文件为CSV格式变量，单位，地区，年份，价值，旗＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 2001＆＃34;，94，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 2002＆＃34;，94，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 2003＆＃34;，95，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 2004＆＃34;，95，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 2005＆＃34;，95，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 2006＆＃34;，95，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 2007＆＃34;，94，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 2008＆＃34;，94，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 2009＆＃34;，92，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 2010＆＃34;，92，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 2011＆＃34;，92，

＆＃34;乙型肝炎＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 2012＆＃34;，92，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 1980＆＃34;，33，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 1981＆＃34;，40，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 1982＆＃34;，48，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 1983＆＃34;，55，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 1984＆＃34;，62，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＃34; 1985＆＃34;，68，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 1986＆＃34;，75，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 1987＆＃34;，81，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 1988＆＃34;，88，

＆＃34;白喉，破伤风，百日咳＆＃34;，＆＃34;％的儿童接种疫苗＆＃34;，＆＃34;澳大利亚＆＃34;，＆＃34; 1989＆＃34;，93，

D3中不同数据系列的绘制线图

0 个答案: