我正在努力保持特定数据集的区域图。我无法弄清楚究竟是什么让它超出了范围
var xRange = d3.scale.linear().range([MARGINS.left, WIDTH - MARGINS.right]).domain([0, numberOfDays + 1]),
yRange = d3.scale.linear().range([HEIGHT - MARGINS.top, MARGINS.bottom]).domain([_.min(areaData), _.max(areaData)]);
答案 0 :(得分:0)
由于你将它们完全设置为以下这些行:
<svg id="visualisation" width="1200" height="400"></svg>
和
WIDTH = 1000,
HEIGHT = 400,
而不仅仅是使用窗口大小:
var WIDTH = window.innerWidth,
HEIGHT = window.innerHeight,
vis = d3.select('#visualisation').attr('width', WIDTH).attr('height', HEIGHT)
从html中删除样式。更新了小提琴:https://jsfiddle.net/thatOneGuy/o7df3tyn/23/