如何使 D3 中的图表在 node.js 中工作答案

【问题标题】：How to make a chart in D3 work in node.js如何使 D3 中的图表在 node.js 中工作
【发布时间】：2015-08-09 05:18:50
【问题描述】：

<!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 中绘制条形字符的代码。如何使用 node.js 做同样的图表？

【问题讨论】：

你想在服务器端渲染这个图表吗？为此使用 PhantomJS。
有可能吗？或者我可以只使用节点 js 绘制这个图表吗？
您只需要使用 Node.js 在模板中渲染数据变量，然后 D3 库将完成剩下的工作。你的 Node.js 代码是什么？

标签： javascript node.js d3.js

【解决方案1】：

这个问题还不够清楚，是否只想使用节点或节点作为服务器和客户端代码。但是，您仍然可以继续使用下面给出的两个用例。

用于生成图表并拍摄快照的服务器端脚本： 我想是的，你可以使用 node 和 phantomjs 和 node_phantomjs
如果您同时拥有客户端和服务器端代码： 您可以使用节点和expressjs 呈现您的网页

您可以保持 D3 代码不变。但是，如果您想使用从服务器发送的动态数据，只需查看完整的 MEAN 框架。

【讨论】：

谢谢我使用 ejs 渲染 d3 代码。它对我有用。