Javascript 垂直d3.svg.area？

我正试着做一个垂直面积图，在它的右边有一条线。这条线画得很完美（从上到下），但画的区域在路径的右侧，应该在左侧

我从一张水平图开始，然后就开始工作了。看见我也尝试过旋转路径，但无法得到理想的结果

var xScale = d3.scale.linear().range([0, sm_width]),
    yScale = d3.time.scale().range([0, sm_height]);

var area = d3.svg.area().x(function(d) {
    return xScale(xValue(d));
})
.y0(sm_height).y1(function(d) {
    return yScale(yValue(d));
});

var line = d3.svg.line().x(function(d) {
    return xScale(xValue(d));
})
.y(function(d) {
    return yScale(yValue(d));
});

---

不过，这可能对您没有帮助，使用下面这样的css怎么样

.area{
       fill:white;
      }

svg{
     background:#ccc;
    }

---

解决方案是将图表本身旋转为注释中提到的冷蓝色。

根据我对文档的理解，您需要创建图表，然后将其旋转90度。该区域将在

y0

和

y

值之间，因此，在您的示例中，这是您行下的区域。