新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
D3.js怎么在Node.js中使用
D3.js怎么在Node.js中使用?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)建站2013年開創(chuàng)至今,先為蕭縣等服務(wù)建站,蕭縣等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為蕭縣企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
安裝模塊
npm install d3 jsdom
D3.js是操作DOM來作圖的,要在Node.js里使用需要像jsdom這樣的模塊。
繪制一個圓
var d3 = require('d3');
var jsdom = require('jsdom');
var document = jsdom.jsdom();
var svg = d3.select(document.body).append('svg')
.attr('xmlns', 'http://www.w3.org/2000/svg')
.attr('width', 500)
.attr('height', 500);
svg.append("circle")
.attr("cx",250)
.attr("cy",250)
.attr("r",250)
.attr("fill","Red");
console.log(document.body.innerHTML);編輯好后,保存為 drawCircle.js,當然什么名字都可以。
導(dǎo)出SVG圖
node drawCircle.js > mycircle.svg
將 drawCircle.js 輸出的內(nèi)容(console.log 里的內(nèi)容)重定向到 mycircle.svg。
看完上述內(nèi)容,你們掌握D3.js怎么在Node.js中使用的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
標題名稱:D3.js怎么在Node.js中使用
當前路徑:http://www.dlmjj.cn/article/piecij.html


咨詢
建站咨詢
