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

它可能对您没有帮助，如何使用下面的CSS

.area{
       fill:white;
      }

svg{
     background:#ccc;
    }

Answer 2

解决方案是将图表本身旋转为评论中提到的Cool Blue。

垂直d3.svg.area？

2 个答案: