如何在D3中使圖表工作在node.js中

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="d3/d3.min.js"></script> 
</head> 
<body> 

<script type="text/javascript"> 
    var dataA=[10,20]; 
    d3.select("body").style("background-color", "green"); 

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

    var bars = canvas.selectAll("rect") 
        .data(dataA) 
        .enter() 
        .append("rect") 
        .attr("width",function (d){ return d*5;}) 
        .attr("height",10) 
        .attr("y",function(d,i){ return i*20;}); 

</script> 

</body>

這是我用於在d3中繪製bar char的代碼。我怎樣才能使用node.js來做同樣的圖表？如何在D3中使圖表工作在node.js中

來源

2015-08-09 Buddhika Kulathilaka

你想渲染這個圖表服務器端？爲此使用PhantomJS。 – Brad

這有可能嗎？或者我可以使用節點js繪製此圖表嗎？ –

您只需要使用Node.js在模板中呈現數據變量，然後D3庫就可以完成剩下的工作。什麼是你的Node.js代碼？ –

這個問題還不夠清楚，無論您是僅僅使用節點還是節點作爲服務器和客戶端代碼。但是，仍然可以繼續使用下面給出的兩個用例。

服務器端腳本生成的圖表，並採取快照： 我想是的，你可以使用節點和phantomjs和node_phantomjs
如果你有客戶端和服務器端代碼： 你可以使用節點呈現您的網頁並expressjs

您可以保持您的D3代碼，因爲它是。但是，如果您想要使用從服務器發送的動態數據，請查看完整版的MEAN框架。

來源

2015-08-09 07:41:50 Rudra

謝謝我使用ejs.it呈現d3代碼適合我。 –

如何在D3中使圖表工作在node.js中

回答

相關問題