垂直d3.svg.area？

Question

我正在试图制作一个垂直面积图，并在其正确的边框中有一条线。线正在完美地绘制（从上到下），但该区域正在绘制在路径的右侧，它应该在左侧。

我从一个水平图开始，它的工作。见jsfiddle。我也尝试旋转路径，但不能得到所需的结果。

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)); 
}); 

Answer 1

溶液为酷蓝在评论中提及到旋转图表本身。

Answer 2

它可能不帮助你，虽然，有什么关于使用CSS像下面

.area{ 
     fill:white; 
     } 

svg{ 
    background:#ccc; 
    }