JavaScript D3入門四 事件繫結

2021-08-16 07:53:12 字數 1174 閱讀 4454

直接給出可以在webserver中執行的**,通過這個示例,你可以知道如何進行事件繫結

**資料官方建議用csv執行效率高

d3ia_2.html

soccerviz.js

function createsoccerviz() )

function overallteamviz(incomingdata) );

//更新circle物件的屬性,帶動畫效果

d3.selectall("g.overallg").select("circle")

.transition().duration(1000)//這行新增了動畫效果

.attr("r", d => )

}//buttonclick

//highlight同乙個region的物件。

teamg.on("mouseover", highlightregion);

function highlightregion(d) );

}//highlightregion

//teamg.on("mouseout", function () )

}//overallteamviz

}//createsoccerviz

worldcup.csv

"team","region","win","loss","draw","points","gf","ga","cs","yc","rc"

germany,uefa,7,6,0,1,19,18,4,14,4,6,0

argentina,conmebol,7,5,1,1,16,8,4,4,4,8,0

netherlands,uefa,7,5,0,2,17,15,4,11,4,11,0

belgium,uefa,5,4,1,0,12,6,3,3,2,7,1

colombia,conmebol,5,4,1,0,12,12,4,8,2,5,0

brazil,conmebol,7,3,2,2,11,11,14,-3,1,14,0

japan,afc,3,0,2,1,1,2,6,-4,1,4,0

united states,concacaf,4,1,2,1,4,5,6,-1,0,4,0

CSS3入門 四 文字效果

1.帶陰影的文字 text shadow html css aa效果如下 2.css3新增文字屬性 hanging punctuation none first last allow end force end 值 描述none 不在文字整行的開頭還是結尾的行框之外放置標籤符號 frist 標點附著...

指標入門(四)

指標與函式 函式用來運算元據,改變程式的執行狀態。指標用來根據位址訪問變數,函式名稱本身也是位址,因此你將函式和指標的結合,就能夠實現將複雜資料用指標傳遞和用指標返回,達到動態控制函式執行流的目標。函式和指標的結構,需要通過程式棧的作用。函式和指標的結構主要有兩種方式 1 將指標作為引數,傳遞給函式...

Python3入門與實踐(四) 物件導向

class student sum student 0 複製 class student 建構函式 init def init self,name self.name name 例項方法第乙個引數不是必須叫self,但是第乙個引數代表的是例項本身 this def print name self p...