Javascript D3js数据选择

我正试图使用此提琴通过以下线程过滤数据

我的小提琴

我正试着做这样的事情

var svg = d3.select('#ReportContent_ReportContent svg')
    .data(data).filter(function (v) {
    return data.Product === "Lending";
})
    .attr("class", "bullet")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
    .call(chart);

我的数据是这样的

var data = [{
    "MonthYearShortName": "2014-09-13T00:00:00",
        "Product": "Fee Based",
        "Actual": [1002],
        "Forecast": [1200],
        "Target": [1400]
}, {
    "MonthYearShortName": "2014-09-13T00:00:00",
        "Product": "Lending",
        "Actual": [8146873.33],
        "Forecast": [7220309.99],
        "Target": [7220309.995]
}];

例如，我想选择“贷款”，但我所尝试的并不奏效。谁能告诉我我做错了什么

谢谢。

这是具有正确语法和数据的

.data(data.filter(function(d) {return d.Product === 'Lending';}))

您可以在“基于费用”和“贷款”之间更改过滤标准，以查看其工作情况