d3.js - 使用 D3 计算样条进行重采样

Question

我在折线图中绘制了一组离散点。D3 正在处理离散数据点的插值以创建平滑线。

例如

var data = [0, 1, 2, 4, 8, 4, 2, 1, 0];
var line = d3.svg.area()
                    .x(function (d, i) { return i * lineWidth })
                    .y1(function (d, i) { return h - hOf(d) })
                    .y0(h)
                    .interpolate("cardinal")
                    .data(data);

必然地，在 d3 内部的某个地方，正在计算一个基数样条函数，并使用我提供的数据作为控制点。

我想恢复该样条函数，以便我可以根据该样条重新采样我的数据。

它看起来像这样：

var spline = line.getSpline();
var sample = spline(3.3);

d3 是否暴露了它的样条函数？

Answer 1

样条函数未公开，但根据您的需要，您可能能够从线/区域中获取信息。也就是说， callline(x)为您提供 position 的值x。