溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間：2021-04-09 17:14:35 來(lái)源：億速云 閱讀：347 作者：Leah 欄目：web開發(fā)

D3.js怎么在Node.js中使用？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

安裝模塊

npm install d3 jsdom

D3.js是操作DOM來(lái)作圖的，要在Node.js里使用需要像jsdom這樣的模塊。

繪制一個(gè)圓

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āng)然什么名字都可以。

導(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)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手