代码之家 › 专栏 › 技术社区 › Shashwat Tripathi

如果没有这个来支持JSLint,我怎么做d3呢

jslint d3.js javascript

Shashwat Tripathi · 技术社区 · 7 年前

d3.selectAll(".test").style("background-color", function(){
  return d3.select(this).html();
})

.test{
  padding:4px;
  margin:4px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.9.1/d3.min.js"></script>
<div class="test">red</div>
<div class="test">green</div>
<div class="test">blue</div>
<div class="test">pink</div>
<div class="test">yellow</div>

1 回复 | 直到 7 年前

Gerardo Furtado 7 年前

在D3方法中,如 style() , this 第三个和第二个参数的组合是相同的。

所以,这个。。。

d3.selectAll(".test").style("background-color", function(){
    return d3.select(this).html();
})

.... 与以下内容相同:

d3.selectAll(".test").style("background-color", function(d,i,n){
    return d3.select(n[i]).html();
})

d3.selectAll(".test").style("background-color", function(d,i,n){
  return d3.select(n[i]).html();
})

.test{
  padding:4px;
  margin:4px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.9.1/d3.min.js"></script>
<div class="test">red</div>
<div class="test">green</div>
<div class="test">blue</div>
<div class="test">pink</div>
<div class="test">yellow</div>

推荐文章

Eddie Worthington · D3.js指针相对于轴域的坐标

2 年前

b404 · 如何在d3 react typescript应用程序中正确设置“path”元素中属性“d”的类型

3 年前

user6456564 · 双条形图创建

7 年前

MetalCat · 在d3中,如何在地图上的鼠标上方显示多个值?

7 年前

atdyer · 使用svg变换更新位置时,力模拟会出现抖动

7 年前

MTT · 最适合散点图的回归

7 年前

Cyley Simon · 以chile/name格式将Csv转换为json

7 年前

Himani · 线图和面积图之间的颜色不同

7 年前

Francis Katalinic · d3。使用d3通过ajax响应实现JSJSON。json()

7 年前

user9646441 · 为什么这个svg和数组会在angular中多次启动?

7 年前