在d3中设置平滑参数js平滑样条曲线

时间:2016-07-20 14:22:28

标签: d3.js smoothing splines

我正在尝试使用d3 js中的一个平滑库(d3.curveBasis,curveBasisClosed ...等)设置平滑参数(lambda),但我不知道该怎么做。以下就是我想要的 -

http://bl.ocks.org/jonahwilliams/62be9996afe5c2531625

但是,我的x轴有日期,这似乎不能很好地处理它。理想情况下,我正在寻找修改现有库以添加平滑参数lambda的方法。任何帮助表示赞赏。

由于

1 个答案:

答案 0 :(得分:0)

这样的事情怎么样?

D3.js(第4版)

[HtmlTargetElement("lesson")]
public class LessonTagHelper : BaseTagHelper
{
    private readonly ILessonServices lessonService;
    private readonly UserManager<ApplicationUser> userManager;

    public LessonTagHelper(ILessonServices lessonService, UserManager<ApplicationUser> userManager)
    {
        this.lessonService = lessonService;
        this.userManager = userManager;
    }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {            
        base.Process(context, output);
        output.TagName = "div";

        *** I NEED USER HERE *** 

D3.js(第3版)

var line = d3.line()
.curve(d3.curveMonotoneX) <-- Insert smoothing here
.x(function(d) { return x(d.x); })
.y(function(d) { return y(d.y); });

直接在您正在绘制的线上执行平滑处理。