如何在D3条形图中旋转x轴和y轴

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

// 创建比例尺
const xScale = d3.scaleBand()
  .domain(data.map(d => d.label))
  .range([0, 400])
  .padding(0.1);

const yScale = d3.scaleLinear()
  .domain([0, d3.max(data, d => d.value)])
  .range([400, 0]);

// 创建坐标轴
const xAxis = d3.axisBottom(xScale);
const yAxis = d3.axisLeft(yScale);

svg.append("g")
  .attr("transform", "translate(50, 450)")
  .call(xAxis);

svg.append("g")
  .attr("transform", "translate(50, 50)")
  .call(yAxis);

// 创建条形图
svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
  .attr("x", d => xScale(d.label) + 50)
  .attr("y", d => yScale(d.value) + 50)
  .attr("width", xScale.bandwidth())
  .attr("height", d => 400 - yScale(d.value));

// 旋转x轴和y轴
svg.select(".x-axis")
  .attr("transform", "rotate(45)");

svg.select(".y-axis")
  .attr("transform", "rotate(-45)");