d3.js - 使用负值构建 D3js 面积图

Question

我们有一个带有负值的条形图示例... Bar Chart with negative values

面积图有没有类似的例子？

Answer 1

这是一个古老的问题，但我想我可以为其他降落在这里的人提供一些启示。设置 svg 区域时，只需将 y0 设置为图表 0 行位置。例如:

d3.svg.area()
  .x(function(d) {
    return x(d.x);
  })
 .y0(function() {
   return y(0);
 })
 .y1(function(d) {
   return y(d.y);
 });

希望这可以帮助!