d3.js如何動態添加節點到樹＃2

<?php 
//Zoomable Partition Layout 
//http://mbostock.github.io/d3/talk/20111018/partition.html 
echo $data 
?> 

<div id="partition"> 
<script type="text/javascript"> 


var w = 690, 
h = 700, 
x = d3.scale.linear().range([0, w]), 
y = d3.scale.linear().range([0, h]); 

var vis = d3.select("#partition").append("div") 
.attr("class", "chart") 
.style("width", w + "px") 
.style("height", h + "px") 
.append("svg:svg") 
.attr("width", w) 
.attr("height", h); 

var partition = d3.layout.partition() 
.value(function(d) { return d.size; }); 

d3.json("flare.json" , function(root) { 

var g = vis.selectAll("g") 
    .data(partition.nodes(root)) 
.enter().append("svg:g") 
    .attr("transform", function(d) { return "translate(" + x(d.y) + "," + y(d.x) + ")"; }) 
    .on("click", click); 

var kx = w/root.dx, 
    ky = h/1

我不想使用「d3.json（」flare.json「，function（root）{」因爲我用jQuery獲取數據並將它保存在$ data中因此，我想使用「json = JSON.parse（'<'？php echo $ data？>'）;」但我不知道它是如何工作的。有人幫我嗎？d3.js如何動態添加節點到樹＃2

來源

2013-06-11 Albi Slk

'根= $ data'？ –

PHP是一個服務器端語言，PHP代碼都會轉換爲輸出，以及產生的HTML頁面。所以'<？PHP的echo $數據？>'有將其替換爲JSON，然後在查看它之前通過Apache/PHP進行渲染。 – user568109

<script type="text/javascript"> 
var jdata='${jsonvalue}' //json value 
d3.json("source dummy.json", function(json) { // dummy.json for function call but processing json of jdata 
root = JSON.parse(jdata); 
root.x0 = h/2; 
root.y0 = 0; 
function toggleAll(d) { 
if (d.children){ 
d.children.forEach(toggleAll); 
toggle(d); 
}} 
// Initialize the display to show a few nodes. 
root.children.forEach(toggleAll); 
update(root); 
}); 
</script> 
Normally in D3 d3.json(function) must read the data from flare.json.For this case dymanically load the json [jdata] and processing the data for visualization

來源

2013-08-21 09:20:22

d3.js如何動態添加節點到樹＃2

回答

相關問題