d3.js——關於力學圖d3.layout.force的參數



size()

用於設定力學圖的作用範圍,使用方法爲 force.size( [ x , y ] ),這個函數用於指定兩件事:

  • 重力的重心位置爲 ( x/2 , y/2 )
  • 所有節點的初始位置限定爲 [ 0 , x ] 和 [ 0 , y ] 之間(但並非之後也是如此)

如果不指定,默認爲 [ 1 , 1 ] 。


linkDistance()

指定結點連接線的距離,默認爲20。如果距離是一個常數,那麼各連接線的長度總是固定的;如果是一個函數,那麼這個函數是作用於各連接線( source , target )的。


linkStrength()

指定連接線的堅硬度,值的範圍爲[ 0 , 1 ],值越大越堅硬。其直觀感受是:

  • 值爲1,則拖動一個頂點A,與之相連的頂點會與A保持linkDistance設定的距離運動
  • 值爲0,則拖動一個頂點A,與之相連的頂點不會運動,連接線會被拉長

friction()

定義摩擦係數的函數,值的範圍爲[ 0 , 1 ],默認爲0.9。但是這個值其實並非物理意義上的摩擦,其實其意義更接近速度隨時間產生的損耗,這個損耗是針對每一個頂點的。

  • 值爲1,則沒有速度的損耗。
  • 值爲0,則速度的損耗最大。

charge()

設定引力,是排斥還是吸引,默認值爲-30。

  • 值爲+,則相互吸引,絕對值越大吸引力越大。
  • 值爲-,則相互排斥,絕對值越大排斥力越大。

chargeDistance()

設定引力的作用距離,超過這個距離,則沒有引力的作用。默認值爲無窮大。


gravity()

以 size 函數設定的中心產生重力,各頂點都會向中心運動,默認值爲0.1。也可以設定爲0,則沒有重力的作用。


theta()

頂點數如果過多,計算的時間就會加大(O(n log n))。theta 就是爲了限制這個計算而存在的,默認值爲0.8。這個值越小,就能把計算限制得越緊。


alpha()

設定動畫運動的時間,超過時間後運動就會停止。其實

  • force.start() 即 alpha(0.1)
  • force.stop() 即 alpha(0)


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章