如何通过条形图中每个条形图的值来改变它们的不透明度？

// 创建数据集
var dataset = [
  { value: 10, opacity: 0.2 },
  { value: 20, opacity: 0.4 },
  { value: 30, opacity: 0.6 },
  { value: 40, opacity: 0.8 },
  { value: 50, opacity: 1.0 }
];

// 创建SVG元素
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 300);

// 绘制条形图
svg.selectAll("rect")
  .data(dataset)
  .enter()
  .append("rect")
  .attr("x", function(d, i) { return i * 50; })
  .attr("y", function(d) { return 300 - d.value; })
  .attr("width", 40)
  .attr("height", function(d) { return d.value; })
  .style("opacity", function(d) { return d.opacity; });