D3.js怎么在node . js中使用

  介绍

D3.js怎么在节点。js中使用?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

<>强安装模块

npm  install  d3  jsdom

D3.js是操作DOM来作图的,要在节点。js里使用需要像jsdom这样的模块。

<强>绘制一个圆

var  d3 =,要求(& # 39;d3 # 39;);   var  jsdom =,要求(& # 39;jsdom& # 39;);      var  document =, jsdom.jsdom ();      var  svg =, d3.select (document.body) .append (& # 39; svg # 39;)   ,.attr (& # 39; xmlns # 39;,, & # 39; http://www.w3.org/2000/svg& # 39;)   ,.attr(& # 39;宽度# 39;,,500)   ,.attr(& # 39;高度# 39;,,500);         svg.append (“circle")   ,.attr (“cx", 250)   ,.attr (“cy", 250)   ,.attr (“r", 250)   ,.attr (“fill",“Red");      console.log (document.body.innerHTML);

编辑好后,保存为drawCircle。js,当然什么名字都可以。

<>强导出SVG图

node  drawCircle.js 祝辞mycircle。svg

将drawCircle。js输出的内容(控制台。日志里的内容)重定向到mycircle。svg .

看完上述内容,你们掌握D3.js怎么在node . js中使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

D3.js怎么在node . js中使用