Question

我遇到了同样的问题@SamSelikoff遇到了Update the y-axis of a brushed area chart。他正在处理的例子是http://bl.ocks.org/mbostock/1667367这里的单一数据系列区域图表，而我正在处理像这里http://bl.ocks.org/mbostock/3884955那样的多线图。

如何在多线图中为更复杂的数据映射调整数据过滤器？即数据映射如此

var cities = color.domain().map(function(name) {
return {
  name: name,
  values: data.map(function(d) {
    return {date: d.date, temperature: +d[name]};
  })
};
});

y.domain设置如此

y.domain([
d3.min(cities, function(c) { return d3.min(c.values, function(v) { return v.temperature; }); }),
d3.max(cities, function(c) { return d3.max(c.values, function(v) { return v.temperature; }); })
 ]);

如何创建类似于此的过滤器（Sam的单变量数据解决方案）

// Use x.domain to filter the data, then find the max and min duration of this new set, then set y.domain to that
x.domain(brush.empty() ? x2.domain() : brush.extent());
var dataFiltered = data.filter(function(d, i) {
   if ( (d.date >= x.domain()[0]) && (d.date <= x.domain()[1]) ) {
      return d.duration;
   }
})
y.domain([0, d3.max(dataFiltered.map(function(d) { return d.duration; }))]);

我尝试将过滤器放在用于完整数据集的y轴的最小值和最大值的相同语法中，如此

x.domain(brush.empty() ? x2.domain() : brush.extent());
var testMin = d3.min(cities.filter(function(c) { return c.values, function(v) {if ( (v.dates >= x.domain()[0]) && (v.dates <= x.domain()[1]) ){ return v.temperature; } }}))

到目前为止没有运气。有什么想法吗？

更新拉丝多线图的y轴。

0 个答案: