1

我正在做一个可视化http://bost.ocks.org/mike/nations/：

在此处输入图像描述

我对插值函数有疑问。最初，mousemove 被调用，它调用 displayYear，interapolate 数据被调用。

    function mousemove() {
      displayYear(yearScale.invert(d3.mouse(this)[0]));
    }
  }

  // Tweens the entire chart by first tweening the year, and then the data.
  // For the interpolated data, the dots and label are redrawn.
  function tweenYear() {
    var year = d3.interpolateNumber(thisyear, 2009);
    return function(t) { displayYear(year(t)); };
  }

  // Updates the display to show the specified year.
  function displayYear(year) {
    //alert(year);
    thisyear=year;

    dot.data(interpolateData(year), key).call(position).sort(order);
    label.text(Math.round(year));
  }

  // Interpolates the dataset for the given (fractional) year.
  function interpolateData(year) {
    return nations.map(function(d) {
      return {
        name: d.name,
        region: d.region,
        checkins: interpolateValues(d.checkins, year),
        teamsize: interpolateValues(d.teamsize, year),
        Checkintimes: interpolateValues(d.Checkintimes, year)
      };


// Finds (and possibly interpolates) the value for the specified year.
  function interpolateValues(values, year) {
    var i = bisect.left(values, year, 0, values.length - 1),
        a = values[i];
    if (i > 0) {
      var b = values[i - 1],
          t = (year - a[0]) / (b[0] - a[0]);
      return a[1] * (1 - t) + b[1] * t;
    }
    return a[1];
  }

这个函数有什么作用？我尝试调试，发现它比较了 2 年并进行了计算，然后返回了值。谁能详细说明一下？

json文件包含

[
{

    "name":"India",
    "region":"South Asia",
    "income":[[2000,225],[2001,225],[2002,226],[2003,227],[2004,229],[2005,230],[2006,231],[2007,244],[2008,254],[2009,253]],
    "population":[[2000,41542812],[2001,41623424],[2002,41866106],[2003,42186202],[2004,41521432],[2005,41827315],[2006,42127071],[2007,42420476],[2008,42707546],[2009,42707546]],
    "lifeExpectancy":[[2000,43.56],[2001,43.86],[2002,44.22],[2003,64.61],[2004,56.05],[2005,56.52],[2006,66.02],[2007,68.54],[2008,67.06],[2009,73.58]]
}

]
4

1 回答 1

1

此代码的含义是缺少一年（或更多）数据的情况，而在您发布的示例数据中似乎并非如此。首先，它使用查找最接近给定年份的数据点bisect.left，然后计算前一个数据点与请求年份的当前数据点之间的外推。

请特别注意，year - a[0]在您的情况下将始终为 0，因为所有年份都存在（这计算了请求年份和找到年份之间的差异）。因此，整个项将为 0，并且返回值对应于a[1]。

如果所请求的年份不存在，t则表示描述上一年b和当前年份之间变化的因素a。此更改因子用于推断过去a以获得所请求年份的值。

于 2013-11-08T09:35:43.757 回答