#### D3.js執行transition動畫中斷
```
transition.each([type, ]listener)
```
如果指定了類型(type),就為過渡事件增加一個偵聽器(listener),同時支持“start”, “end”和"interrupt"件。偵聽器會被過渡中每個單獨的元素調用。
start事件在過渡的第一個異步回調(tick)中被調用,于任何補間(tween)被調用之前。對于0延遲過渡,通常在過渡之后的17ms被調用。狀態函數對觸發每個元素的瞬間變化是很有用的,例如改變不能被打斷的屬性。
end事件在過渡的持續和延遲結束之后最后一個異步回調(tick)中被調用,在所有的補間都使用t=1調用之后。注意,如果對于一個給定的元素過渡被之后調度的過渡取代了, end事件就不會分配到這個元素上;中斷過渡不會觸發結束事件。例如,transition.remove調度的每個元素在過渡結束時被除去,但如果過渡被中斷了,元素將不被刪除。end事件可以被用作替代transition.transition,通過選擇當前元素this,并導出新過渡來創建過渡鏈(chained transitions)。
如果沒有指定type ,行為類似于selection.each:直接為當前過渡的每個元素調用指定的函數,通過在當前的數據d和索引i,與當前的DOM元素的this上下文。 transition.each將從父過渡繼承過渡參數,包括id,延遲和緩動。因此,transition.each內創建過渡不會打斷父過渡,類似subtransitions。
transition.each方法可用于鏈接過渡并在一組過渡上分享定時(timing)。例如:
https://github.com/d3/d3/wiki/%E8%BF%87%E6%B8%A1#each
- 1、前端常用知識點
- 1.1 如何修改input的placeholder
- 1.2 如何修改滾動條默認樣式
- 1.3 理解BFC
- 1.4 數字每隔三位加逗號
- 1.4.1 簡單粗暴的做法
- 1.4.2 比較常用的方法
- 1.5 D3圖表中如何讓文字豎著顯示
- 1.6 Handlebars模板中如何比較兩個值
- 1.7 SVG/D3中字體特殊設置
- 1.8 Handlebars模板中序號從1開始排序
- 1.9 修改checkbox默認樣式
- 1.10 D3.js 執行transition動畫中斷
- 2、執法項目
- 2.1 面積圖填充為線條樣式
- 2.2 一個paseFloat()方法兩分鐘就把頁面卡死了
- 2.3 開發中常見的細節問題
- 3、迪愛斯項目
- 3.1 熱點冰點卡死問題
- 3.2 ifream切換導致內存泄漏
- 3.3 D3文字旋轉問題
- 3.4 D3圖表提示框位置問題
- 3.5 js如何實現頁面iframe事件監聽
- 3.6 zTree-jQuery 樹插件異步加載如何傳參
- 3.7 圖易加載無延遲隱藏部分頁面組件
- 4、指揮大屏項目
- 4.1 長時間運行chrome瀏覽器奔潰問題
- 5、PC端指揮項目
- 5.1 地圖上各區域添加圖表并將圖表顯示在各區域中心位置
- 5.2 svg里面添加image標簽該的width,height屬性被壓縮問題
- 5.3 地圖上添加圖表或文字后較小的區域無法鉆取
- 5.4 svg添加image元素在谷歌低版本不顯示
- 5.5 input輸入框記住用戶名或密碼后樣式被瀏覽器自帶的樣式覆蓋
- 6、運維項目
- 6.1 按鍵F11頁面無法縮放
- 6.2 主頁面逆時針旋轉的兩段弧問題
- 6.3 websocket的close方法不起作用
- 7、漢陽項目
- 8、警務云項目
- 8.1 PKI兼容chrome瀏覽器問題
- 9、萬達項目
- 9.1 直方圖中出現數值比刻度值大
- 9.2 D3選擇集的處理模版
- 9.3 將數字轉化為三分位節法
- 9.4 制作簡易X軸
- 10、涪陵項目
- 10.1 IE11部分版本瀏覽器下滾動條位置不對
- 11、昆明大屏展示
- 11.1第一期五個頁面經驗匯總
- 11.2防止文本越界
- 11.3SVG里面謹慎設置font-family
- 11.4Error: <rect> attribute height: A negative value is not valid
- 12、技偵動態管控
- 12.1 使用CSS3動畫導致頁面抖動
- 12.2 使用 digitroll數字滾動插件,給數字加逗號(3位數分隔)
- 13、ES6前端開發框架
- 13.1 打包后部署到Tomcat下訪問路徑不對
- 14、貴陽項目
- 14.1、關于引用不到saga文件報錯的問題
- 15、React前端開發框架
- 15.1 this.refs.xxx獲取到的值是undefined
- 15.2 Mockjs與mapbox不兼容
- 15.3 axios聯調報跨域錯誤
- 15.4 saga結合websocket使用方法
- 15.5 打包部署后訪問頁面白屏