D3js数据选择

时间:2014-03-24 08:32:45

标签: javascript d3.js

我正在尝试使用这个小提琴来过滤掉这个帖子的数据

D3 JS Data Filtering

我的小提琴

Fiddle

我正在尝试做这样的事情

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

我想选择'Lending',例如我正在尝试的东西不起作用。谁能告诉我自己可能做错了什么。

感谢。

1 个答案:

答案 0 :(得分:1)

以下是具有正确语法和数据的FIDDLE

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

您可以更改基于费用的'之间的过滤标准。和'贷款'在工作中看到它。