好资源导航 » 文章资讯 » d3.js 基本选择和修改

d3.js 基本选择和修改

2024-04-12 00:50:03 357

示例

如果您熟悉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')