d3元素堆疊規則

d3 自創的元素，例如 circle、line、rect等對很多css屬性並不適用。
例如 myline.style(‘z-index’, 20) 並不會生效。
不過 對於 div 等原生html元素可以起作用。
例如 mydiv.style(‘z-index’, 20) 可以起作用

d3 自創元素的堆疊是根據元素建立的先後順序來定的。後建立的元素會覆蓋先建立的元素。
不過，當使用group的時候，後建立的group裡面的所有元素都會在上層（離使用者更近）

let group1 = svg.append('g')
let group2 = svg.append
 
('g')
let circle = group2.append('circle').attr('r', 10)
let rect = group1.append('rect').attr('width', 10).attr('height', 10)

circle會覆蓋rect。即使circle先建立。