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

时间:2015-08-09 05:18:51

标签: javascript node.js d3.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中绘制条形码的代码。我如何使用node.js来做同样的图表?

1 个答案:

答案 0 :(得分:1)

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

  1. 服务器端脚本以生成图表并拍摄快照: 我想是的,您可以使用节点和phantomjs以及node_phantomjs
  2. 如果您同时拥有客户端和服务器端代码: 您可以使用节点和expressjs
  3. 渲染网页

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