您好,我正在进行d3.js数据绘图。为了更好地理解,下图中有两个示例。考虑到我正在尝试绘制特定区域(红色区域)的数据。在图1中,我很容易在d3中指定范围,
var x = d3.scale.linear().domain([a,b]).range([0, 100 ])
var y = d3.scale.linear().domain([a,b]).range([100, 0 ])
有了这个范围,我就能够在图1红色区域内的任何区域上绘制数据。
但由于顶部的x值与底部的x值不同,相同的范围机制不能用于绘制第二张图的红色区域。
有没有办法指定d3的面积范围,以便在这样的自定义形状上绘制数
我需要一点帮助。我在d3.js中有一个堆叠面积图,x轴使用序数(y轴可能也是如此,但还没有实现),虽然它正在渲染,但它并不完全正确。我需要弄清楚如何移动图表(而不是轴),以便最左边的边框与第一个刻度线垂直对齐,最右边的边框与最后一个刻度线垂直对齐。
我尝试了几个变体,但似乎无法计算出起始的x值。
任何帮助都将不胜感激。
我的x代码
var x = d3.scale.ordinal().rangeRoundBands([0, width]);
x.domain(['Dec','Jan','Feb']); // Hard coded for now