Question

我一直在寻找一个小示例，该示例在R包css中为d3设置r2d3中的样式属性。例如，对于beta RStudio中的默认D3脚本，

// !preview r2d3 data=c(0.3, 0.6, 0.8, 0.95, 0.40, 0.20)
//
// r2d3: https://rstudio.github.io/r2d3
//

var barHeight = Math.ceil(height / data.length);

svg.selectAll('rect')
  .data(data)
  .enter().append('rect')
    .attr('width', function(d) { return d * width; })
    .attr('height', barHeight)
    .attr('y', function(d, i) { return i * barHeight; })
    .attr('fill', 'steelblue');

我该如何编码相当于添加的内容，例如

.attr('stroke-width', 2)
.attr('stroke', 'white')

以上所述，但是在css文件中这样做吗？

Answer 1

就像您要设置其他CSS属性的样式一样。使选择器更具体（如果需要），最有可能在rect rect.someclass中添加一个类。

rect {
  stroke-width: 2;
  stroke: white;
}

带R包r2d3的D3脚本的CSS示例？

1 个答案: