Javascript d3js/nvd3-图半隐藏

Javascript d3js/nvd3-图半隐藏,javascript,html,d3.js,nvd3.js,Javascript,Html,D3.js,Nvd3.js,我有一个d3/nvd3图形,它似乎被“剪裁”了一半。。。 下面是代码(很抱歉,很长,但是html文件中的复制/粘贴可以工作)。通常我每小时有一个酒吧(所以24个酒吧),我只放了三个小时。 html被拆分为多个部分: 图例[g class=“nv-x nv轴”transform=“translate(0235)”] Y轴:[g class=“nv-Y nv轴”] 每小时一条:[g class=“nv barsWrap”] 我们只看到Y轴和条的上半部分,底部图例丢失。但它确实存在于html上!我们可

我有一个d3/nvd3图形,它似乎被“剪裁”了一半。。。 下面是代码(很抱歉,很长,但是html文件中的复制/粘贴可以工作)。通常我每小时有一个酒吧(所以24个酒吧),我只放了三个小时。 html被拆分为多个部分:

  • 图例
    [g class=“nv-x nv轴”transform=“translate(0235)”]
  • Y轴:
    [g class=“nv-Y nv轴”]
  • 每小时一条:
    [g class=“nv barsWrap”]
  • 我们只看到Y轴和条的上半部分,底部图例丢失。但它确实存在于html上!我们可以“检查”它。。。我不知道发生了什么,但有一个“剪辑”矩形我不掌握。。。(
    [clipPath id=“nv-x-label-clip-6678”]

    
    00
    01
    02
    0
    200
    400
    
    这很可能是因为容器没有足够的空间容纳图形。添加
    height=100%
    width=100%
    或一些任意大数量的像素来测试它(到包含图表的div中)

    成功了!不应该是div,而应该给SVG本身空间:)答案是: