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

时间:2017-10-03 17:48:34

标签: javascript d3.js jslint

如何将以下代码转换为有效的JSLint代码,即(不要使用关键字) https://codepen.io/anon/pen/eGGXKR



Linq2Rest

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

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




1 个答案:

答案 0 :(得分:1)

在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>