如何根据值更改条形图的颜色？

// 假设有一个包含值的数据集
var dataset = [10, 20, 30, 40, 50];

// 定义颜色映射函数
var colorScale = d3.scaleLinear()
  .domain([0, d3.max(dataset)]) // 值的范围
  .range(["#ff0000", "#00ff00"]); // 对应的颜色范围

// 创建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;
  })
  .attr("width", 40)
  .attr("height", function(d) {
    return d;
  })
  .attr("fill", function(d) {
    return colorScale(d); // 根据值的颜色映射函数确定颜色
  });