D3js数据选择

Question

我正在尝试使用此小提琴通过此线程来筛选出数据

D3 JS数据过滤

我的小提琴

小提琴

我正在尝试做这样的事情

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]
}];

例如，我想选择“贷款”，但我尝试的方法不起作用。 谁能告诉我我可能做错了什么。

谢谢。

Answer 1

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

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

您可以在“基于费用”和“借出”之间更改过滤标准，以查看其工作原理。