如何在StackedBarChart上设置交替条的样式

// 创建StackedBarChart对象
var chart = d3.select("#chart")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

// 设置数据和类别属性
var data = [
  { category: "odd", values: [10, 20, 30] },
  { category: "even", values: [15, 25, 35] },
  { category: "odd", values: [12, 22, 32] },
  // ...
];

// 绘制条形图
chart.selectAll(".bar")
  .data(data)
  .enter()
  .append("rect")
  .attr("class", function(d) { return d.category + "-bar"; }) // 应用类别属性的CSS类
  .attr("x", function(d, i) { return xScale(i); })
  .attr("y", function(d) { return yScale(d.values[0]); })
  .attr("width", barWidth)
  .attr("height", function(d) { return height - yScale(d.values[0]); })
  .attr("fill", function(d) { return colorScale(d.category); }); // 设置填充颜色

// 其他样式调整...