使海运条形图中的颜色与轴中的标签相匹配

// 准备数据集
var data = [
  { label: "标签1", color: "红色" },
  { label: "标签2", color: "绿色" },
  { label: "标签3", color: "蓝色" },
  // 其他条形的标签和颜色信息
];

// 创建条形图
var svg = d3.select("body")
  .append("svg")
  .attr("width", 400)
  .attr("height", 200);

// 设置条形的颜色
svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
  .attr("x", function(d, i) { return i * 40; })
  .attr("y", 0)
  .attr("width", 30)
  .attr("height", 100)
  .style("fill", function(d) { return d.color; });

// 设置轴的标签
svg.selectAll("text")
  .data(data)
  .enter()
  .append("text")
  .text(function(d) { return d.label; })
  .attr("x", function(d, i) { return i * 40; })
  .attr("y", 120)
  .style("text-anchor", "start")
  .style("fill", function(d) { return d.color; });