D3.js AreaChart对齐问题

Question

我需要一些帮助。我在d3.js中有一个堆积面积图，使用了x轴的序数（也可能是y，但还没有实现）并且在渲染时，它并不完全正确。我需要弄清楚如何移动图表（而不是轴），以便最左边的边框与第一个刻度线垂直排列，最右边的边缘甚至是最后一个刻度线。

我尝试了几种变体，似乎无法弄清楚起始的x值。

任何帮助都将不胜感激。

我的x代码

var x = d3.scale.ordinal().rangeRoundBands([0, width]);
x.domain(['Dec','Jan','Feb']); // Hard coded for now

var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");

整个图表的js小提琴（带数据）： http://jsfiddle.net/adeaver/FRNbq/6/

Answer 1

你试过了吗？

var x = d3.scale.ordinal()
    .rangePoints([0, width]);

这可能就是你要找的东西。

Answer 2

这也有效：

var x = d3.scale.ordinal()
    .rangeRoundBands([0, width], 1, 0);