Javascript 如何在node.js中使用D3中的图表 var dataA=[10,20]; d3.选择(“主体”)样式(“背景色”、“绿色”); var canvas=d3.选择(“主体”) .append(“svg”) .attr(“宽度”,500) .attr(“高度”,500); var bar=canvas.selectAll(“rect”) .数据(dataA) .输入() .append(“rect”) .attr(“宽度”,函数(d){返回d*5;}) .attr(“高度”,10) .attr(“y”,函数(d,i){返回i*20;});

Javascript 如何在node.js中使用D3中的图表 var dataA=[10,20]; d3.选择(“主体”)样式(“背景色”、“绿色”); var canvas=d3.选择(“主体”) .append(“svg”) .attr(“宽度”,500) .attr(“高度”,500); var bar=canvas.selectAll(“rect”) .数据(dataA) .输入() .append(“rect”) .attr(“宽度”,函数(d){返回d*5;}) .attr(“高度”,10) .attr(“y”,函数(d,i){返回i*20;});,javascript,node.js,d3.js,Javascript,Node.js,D3.js,这是我用来在d3中绘制条形字符的代码。如何使用node.js来制作相同的图表?问题还不够清楚,您是想将node还是node用作服务器和客户端代码。但是,您仍然可以继续下面给出的两个用例 生成图表和快照的服务器端脚本: 我认为是的,您可以使用node和and 如果您同时拥有客户端和服务器端代码: 您可以使用节点和 你可以保持D3代码不变。但是,如果您想处理从服务器发送的动态数据,只需查看完整的框架。您想在服务器端呈现此图表吗?使用PhantomJS实现这一点。有可能吗?或者我可以仅使用node j


这是我用来在d3中绘制条形字符的代码。如何使用node.js来制作相同的图表?

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

  • 生成图表和快照的服务器端脚本: 我认为是的,您可以使用node和and
  • 如果您同时拥有客户端和服务器端代码: 您可以使用节点和

  • 你可以保持D3代码不变。但是,如果您想处理从服务器发送的动态数据,只需查看完整的框架。

    您想在服务器端呈现此图表吗?使用PhantomJS实现这一点。有可能吗?或者我可以仅使用node js绘制此图表吗?您只需要使用node.js在模板中呈现数据变量,然后D3库将完成其余工作。你的Node.js代码是什么?谢谢你,我用ejs呈现d3代码。它对我有用。
    <!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>