d3.js 基本选择和修改
示例
如果您熟悉jQuery和Sizzle语法,则d3选择应该不会有太大不同。d3模仿W3CSelectorsAPI,使与元素的交互更加容易。
作为一个基本示例,请选择全部<p>并对其进行更改:
d3.selectAll('p') .attr('class','textClass') .style('color', 'white');
简而言之,这与jQuery中的相对相同
$('p') .attr('class','textClass') .css('color, 'white')
通常,您将对容器div进行一次选择,以添加一个SVG元素,该元素将分配给变量(通常称为svg)。
var svg = d3.select('#divID').append('svg');
从这里我们可以调用对svg多个对象进行子选择(即使它们尚不存在)。
svg.selectAll('path')