原文:D3.js系列——交互式操作和布局

一 圖表交互操作 與圖表的交互,指在圖形元素上設置一個或多個監聽器,當事件發生時,做出相應的反應。 交互,指的是用戶輸入了某種指令,程序接受到指令之后必須做出某種響應。對可視化圖表來說,交互能使圖表更加生動,能表現更多內容。例如,拖動圖表中某些圖形 鼠標滑到圖形上出現提示框 用觸屏放大或縮小圖形等等。 用戶用於交互的工具一般有三種:鼠標 鍵盤 觸屏。 添加交互:對某一元素添加交互操作十分簡單,代碼 ...

2018-03-20 19:03 0 2021 推薦指數:

查看詳情

D3.js交互式操作

用戶用於交互的工具一般有三種:鼠標、鍵盤、觸屏。 1. 添加交互 對某一元素添加交互操作十分簡單,代碼如下:   這段代碼在 SVG 中添加了一個圓,然后添加了一個監聽器,是通過 on() 添加的。在 D3 中,每一個選擇集都有 on() 函數,用於添加事件監聽器 ...

Thu Oct 20 22:21:00 CST 2016 0 12948
D3.js系列——元素操作和簡單畫布操作

一、元素操作: 1、選擇元素   select 和 selectAll,以及選擇集的概念   關於 select 和 selectAll 的參數,其實是符合 CSS 選擇器的條件的,即用“井號(#)”表示 id,用“點(.)”表示 class。   此外,對於已經綁定了數據 ...

Tue Mar 20 18:02:00 CST 2018 0 1646
可視化工具D3.js教程 入門 (第十章)—— 交互式操作

這里所說的交互式操作,就是說的圖表的事件監聽。 on('eventName',funvtion(){ ... } ) 第一個參數是要監聽的事件名稱 第二個參數是要執行的函數 跟jquery類似。 下面咱們在上一張的柱狀圖 基礎上 ,給咱們的柱狀圖增加鼠標移入與移出事件,改變其顏色 ...

Fri Apr 03 00:00:00 CST 2020 0 817
D3.js系列——布局:打包圖和地圖

一、打包圖   打包圖( Pack ),用於表示包含與被包含的關系,也可表示各對象的權重,通常用一圓套一圓來表示前者,用圓的大小來表示后者。 1、布局(數據轉換)   第 1 行:打包圖的布局   第 2 行:size() 設定轉換的范圍,即轉換后頂點的坐標(x,y),都會 ...

Thu Mar 22 05:13:00 CST 2018 0 1883
MySQL-非交互式操作

[root@ULA pub]# mysql -u root -p2 -e 'show databases;'+--------------------+| Database |+--------- ...

Wed Sep 12 07:18:00 CST 2018 0 768
D3.js系列——布局:弦圖和集群圖/樹狀圖

一、弦圖 1、弦圖是什么   弦圖(Chord),主要用於表示兩個節點之間的聯系的圖表。兩點之間的連線,表示誰和誰具有聯系。 2、數據   初始數據為:   數據是一些城市名和 ...

Wed Mar 21 04:01:00 CST 2018 0 3812
D3.js系列——布局:餅狀圖和力導向圖

一、餅狀圖   在布局的應用中,最簡單的就是餅狀圖。 1、數據   有如下數據,需要可視化:   這樣的值是不能直接繪圖的。例如繪制餅狀圖的一個部分,需要知道一段弧的起始角度和終止角度,這些值都不存在於數組 dataset 中。因此,需要用到布局布局的作用就是:計算出適合於 ...

Wed Mar 21 03:36:00 CST 2018 0 2029
Open3d交互式可視化

本篇教程介紹了Open3D的可視化窗口的交互功能。 此腳本執行了兩個用戶交互應用程序:demo_crop_geometry()和demo_manual_registration()。 裁剪幾何體 這個函數簡單讀取了一個點雲數據然后調用 ...

Tue Feb 09 17:32:00 CST 2021 0 529
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM