0
我想将我的键值对数组筛选为两组,并为每组绘制折线图。我使用underscore.js来过滤数据。我正在使用d3.js绘制折线图。当我在D3中添加spectrum1Data作为数据对象时,它不绘制折线图 - 有人可以看下面的代码,让我知道我缺少什么吗?使用underscorejs和d3数据进行筛选
我的数据是像如下
spectrum_data = [
{
"SpectrumName": "Spectrum1",
"Mass": "27.19",
"Intensity": "20.2"
},
{
"SpectrumName": "Spectrum1",
"Mass": "11.39",
"Intensity": "10.7"
},
{
"SpectrumName": "Spectrum2",
"key": "value",
"Intensity": "12.9"
},
{
"SpectrumName": "Spectrum2",
"Mass": "21.83",
"Intensity": "30.9"
}];
下划线JS函数来对频谱1过滤数据如下所示。
var spectrum1Data = _(spectrum_data).chain()
.filter(function(x){ return x.SpectrumName=="Spectrum1"}).value()[0];
的d3.js函数画一条线是如下
var line = d3.svg.line()
.interpolate("cardinal")
.x(function(d) {//console.log(xScale(parseInt(d.Mass)));
return xScale(d.Mass); })
.y(function(d) {//console.log(xScale(d.Intensity));
return yScale(d.Intensity); });
focus.append("path")
.datum(spectrum1Data)
.attr("class", "line")
.attr("d", line)
谢谢。我正在使用画笔和上下文。查看此链接(http://plnkr.co/edit/gdQOg35LRYuYNXWSi3hK?p=preview)了解工作原型。 – somename