動(dòng)態(tài)圖表

transition()

代碼示例：

.attr("fill","red")         //初始顏色
.transition()               //啟動(dòng)過渡
.attr("fill","steelblue")   //終止顏色
PS：transition 后可跟多個(gè)屬性樣式

duration()

過渡時(shí)長(zhǎng)：

.attr("fill","red")         //初始顏色
.transition()               //啟動(dòng)過渡
.duration(1000)             //過渡時(shí)長(zhǎng)
.attr("fill","steelblue")   //終止顏色

ease()

過渡方式：

linear：普通的線性變化
circle：慢慢地到達(dá)變換的最終狀態(tài)
elastic：帶有彈跳的到達(dá)最終狀態(tài)
bounce：在最終狀態(tài)處彈跳幾次

linear示例

circle示例

elastic示例 

delay()

延遲執(zhí)行

.transition()
.duration(1000)
.delay(500)