Javascript d3.js页边距约定

Javascript d3.js页边距约定,javascript,svg,d3.js,Javascript,Svg,D3.js,请参见所述的保证金惯例 仅图表: 两个问题 如果我从gist()下载html文件,我会看到下面的视图(GoogleChrome版本26.0.1410.43) svg周围没有边框,并且未显示轴线/路径。我主要对svg容器中缺少轴路径感到惊讶。有什么不对劲吗 如图所示,左上角的箭头表示翻译(margin.left,margin.top)。但是,我猜它是translate(padding.left,padding.top)。Margin是origin和svg元素之间的rect。这是个错误吗 它

请参见所述的保证金惯例

仅图表:

两个问题

  • 如果我从gist()下载html文件,我会看到下面的视图(GoogleChrome版本26.0.1410.43)

svg周围没有边框,并且未显示轴线/路径。我主要对svg容器中缺少轴路径感到惊讶。有什么不对劲吗

  • 如图所示,左上角的箭头表示翻译(margin.left,margin.top)。但是,我猜它是
    translate(padding.left,padding.top)
    。Margin是origin和svg元素之间的rect。这是个错误吗

它在my chrome(与您的版本相同)中正确显示。你试过放大吗?+1@polybios。cmd+0(缩放到默认值)解决了第一个问题。再次感谢。现在对2nd.re感到好奇:你的第二个问题,惯例是在内部
g
元素上设置边距,然后进行翻译。不要考虑HTML框模型中的填充。