D3.js從P元素的創(chuàng)建開始(顯示可加載數(shù)據(jù))_javascript技巧

 
 
 
 
 

.enter() 創(chuàng)建新的綁定數(shù)據(jù)的占位元素（相當(dāng)于創(chuàng)建暫時不知名標(biāo)簽5個）。
創(chuàng)建的個數(shù) 要根據(jù)選擇的已有標(biāo)簽數(shù)和加載的數(shù)據(jù)數(shù)組長度決定。
如本例，如果body中p標(biāo)簽少于5個，就創(chuàng)建（現(xiàn)在body中p為0個，故創(chuàng)建5個），
多于就不創(chuàng)建，最后的占位元素和p元素總個數(shù)要為5。
.append("p") 將占位元素改為p元素
.text(function(d) {}) 對每個段落的顯示內(nèi)容，寫個匿名函數(shù)控制，一般返回字符串。在該方法你可以 任意編寫，
本例讓他每段落

函數(shù)格式是固定的，function(d)只有這樣,才能將數(shù)據(jù)加載到函數(shù)中。

.style("color","") 設(shè)置css的文本顏色屬性，同text一樣，設(shè)置的字符串都可以用function進(jìn)行你想要的操作。本例中，如果該段落所對應(yīng)的傳入數(shù)值大于15，就把該行變紅

最后，我們看到的效果就是如圖：

本文就介紹到這里，下文介紹如何在SVG中繪制圓，以及圓圓相連的簡單用力圖

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com