D3 筆記七 互動事件 event this

2021-08-04 14:53:33 字數 566 閱讀 4205

互動

它指的是使用者輸入了某種指令,程式接受到指令之後必須做出某種響應。

使用者用於互動的工具一般有三種:滑鼠、鍵盤、觸屏。

api與常用事件

在 d3 中,每乙個選擇集都有on()函式,用於新增事件***

on()的第乙個引數是監聽的事件,第二個引數是監聽到事件後響應的內容,第二個引數是乙個函式。

滑鼠常用的事件有:

鍵盤常用的事件有三個:

觸屏常用的事件有三個:

事件監聽中的eventthis

當某個事件被監聽到時,d3 會把當前的事件的各種引數存到d3.event物件。

***函式中使用d3.select(this)來表示選擇當前的元素,this 存的是當前響應事件的元素。

裝置 D3 狀態筆記

以上都是亂寫的,等讀懂了再來編輯 裝置 d3 狀態包括 d3hot 和 d3cold 摘自微軟 在 d3 hot 狀態時,device 的供電大部分都已經斷掉了,其上一層 bus 仍然會給其極少的電流來進行控制。此時的 device 也能夠從邊帶電源中吸取電流,這取決於裝置的結構。此時計算機可以繼續...

D3學習筆記(7 8 3)

資料視覺化實戰 讀書筆記 1 比例尺的輸入值域 input domain 可能的輸入值的範圍。比例尺的輸出範圍 output range 輸出值可能的範圍。2 d3的比例尺函式生成器,通過d3.scale訪問。要生成乙個比例尺,在d3.scale後面加上要建立的比例尺型別即可。輸入值域 domain...

第七周筆記

二叉排序樹 1 二叉排序樹定義與描述 二叉排序樹又稱為二叉查詢樹,它是一種特殊的二叉樹。其定義為 二叉樹排序樹或者是一棵空樹,或者是具有如 下性質的二叉樹 1 若它的左子樹非空,則左子樹.上所有結點的值均小於根結點的值 2 若它的右子樹非空,則右子樹上所有結點的值均大於 或大於等於 根結點的值 3 ...