Question

我有以下代码来显示图表

        d3.json("dat.csv", function(error, data) {


        Data.forEach(function(d) {

            d.Data = parseDate(d.Data);
            d.Free = +d.Free;

        });

这是从所有主机中挑选数据，我想限制它来挑选数据。字段将包含所有主机名。如何检查数据？请帮忙

Answer 1

您可以在收到d3.json响应后过滤数据。为清晰起见，我创建了一个新变量（host1Data）：

var mychart = svg.selectAll(".mychart")
  .data(data.filter(function(d){return d.host.name === 'host1'})
.enter().append("g")
  .attr("class", "mychart");

或者，您也可以使用javascript的过滤功能将数据传递给svg时过滤数据：

var mychart = svg.selectAll(".mychart")
  .data(data)
.enter().append("g")
  .filter(function(d){return d.host.name === 'host1'}
  .attr("class", "mychart");

或使用d3的过滤功能：

{{1}}

如何选择数据

1 个答案: