有没有可能使该图中的曲线区域平滑?

时间:2019-10-21 08:42:50

标签: d3.js

我希望输出像monotoneX area curve这样的平滑区域。

我尝试了d3.curveBasis,MonotoneX,normal

var areaChart = svg.append('g')
    // .attr("clip-path", "url(#clip)")
    .attr("transform","translate("+(margin.top-38)+",0)")
    // .curve(d3.curveMonotoneX)
    // .interpolete("basis");

// Area generator
var area = d3.area()
    // .interpolete("basis")
    .x(function(d) { return x(d.data.Date); })
    // .x1(function(d) { return x(d.data.Date[2]); })
    .y0(function(d) { return y(d[0]); })
    .y1(function(d) { return y(d[1]); })
    // .curve(d3.curveMonotoneX);
    // .curve(d3.curveNatural);

// Show the areas
areaChart
    .selectAll("mylayers")
    .data(stackedData)
    .enter()
    .append("path")
    .attr("class", function(d) { return  d.key })
    .style("fill", function(d) { return color(d.key); })
    .attr("d", area)
    // .curve(d3.curveMonotoneX)
    // .interpolete("basis-open");

我希望输出像单调X面积曲线一样平滑,但是输出像升压曲线一样。

0 个答案:

没有答案