D3js 数据选择答案

【问题标题】：D3js data selectionD3js 数据选择
【发布时间】：2014-03-24 17:10:43
【问题描述】：

我正在尝试使用这个小提琴通过关注这个线程来过滤数据

我的小提琴

我正在尝试做这样的事情

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

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

谢谢。

【问题讨论】：

标签： javascript d3.js

【解决方案1】：

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

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

您可以更改“基于费用”和“借贷”之间的过滤条件，以查看其效果。

【讨论】：