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