d3区域图越界

时间:2016-05-04 15:49:52

标签: d3.js svg

我正在努力保持特定数据集的区域图。我无法弄清楚究竟是什么让它超出了范围

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

这里是小提琴 https://jsfiddle.net/sahils/o7df3tyn/20/

1 个答案:

答案 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/