沒有iframe的位置d3可視化的最佳方式？

All the examples我已經看過d3js.org，使用iframe將可視化效果放在頁面頂部和中間。沒有iframe的位置d3可視化的最佳方式？

當我嘗試直接在頁面上嵌入可視化文件而不使用iframe時，它會在所有其他頁面元素下面下降到頁面的左下角。

除了使用iframe之外，任何人都知道定位的好方法嗎？

來源

2013-03-07 Kurtosis

很難診斷，而沒有看到它......你使用SVG嗎？如果是這樣，那麼您的<svg>標籤是否缺少display:block？

更普遍地：

該框架可視化能力的DIV - 具有寬度小於頁面的寬度的一個 - 應該有一個margin: 0 auto到其父元素中居中。 A bit more info here。

來源

2013-03-08 01:12:14 meetamit

謝謝，示例是d3.js庫頁面：https：//github.com/mbostock/d3/wiki/Gallery查看任何這些源代碼，您將實際可見包含在iframe中。 – Kurtosis 2013-03-08 08:45:18

@Kurtosis我的意思是很難診斷而不看你的例子;沒有iFrame嵌入你的可視化。 – meetamit 2013-03-08 16:06:37

啊，對不起，還沒上網，還在開發。將看看我能做些什麼。 – Kurtosis 2013-03-08 19:10:17

使用DIV。我就是做這個的。你可以看到這個here一個例子 -

來源

2013-03-14 20:32:57

您可以使用CSS這樣的：

svg{ 
    position:absolute; 
    top:50%; 
    left:0px; 
}

這個例子將在屏幕的下半部分，左對齊定位。寬度爲D3設置時，SVG的高度和寬度，像這樣定義的：

var width = $(window).width(); 
var height = $(window).height()/2; 

var svg = d3.select("body").append("svg") 
    .attr("width", width) 
    .attr("height", height);

很明顯（也許不是），你不需要使用jQuery來獲取窗口的寬度和高度。根據需要重新調整用途。重點是CSS位。

來源

2014-01-16 00:01:55 Adam

沒有iframe的位置d3可視化的最佳方式？

回答

相關問題