d3 x轴文字 旋转显示

要在 D3 中旋转 X 轴的文字，可以使用 `tickFormat` 函数和 `transform` 属性。可以按照以下步骤操作：

1. 在创建 X 轴时，使用 `tickFormat` 函数格式化 X 轴上的刻度值，例如：

   var xAxis = d3.axisBottom(xScale)
                 .tickFormat(function(d) {
                   return d3.timeFormat("%Y-%m-%d")(d);
                 });

2. 在设置 X 轴的样式时，将 `text` 元素的 `transform` 属性设置为旋转角度，例如：

   xAxisG.selectAll("text")
         .style("text-anchor", "end")
         .attr("dx", "-.8em")
         .attr("dy", ".15em")
         .attr("transform", "rotate(-45)");

这里的 `rotate(-45)` 表示将文字逆时针旋转 45 度。

完整的代码示例可以参考下面的代码：

var svg = d3.select("svg"),
    margin = {top: 20, right: 20, bottom: 30, left: 50},
    width = +svg.attr("width") - margin.left - margin.right,
    height = +svg.attr("height") - margin.top - margin.bottom,
    g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");

var parseTime = d3.timeParse("%Y-%m-%d");

var xScale = d3.scaleTime()
    .rangeRound([0, width]);

var yScale = d3.scaleLinear()
    .rangeRound([height, 0]);

var line = d3.line()
    .x(function(d) { return xScale(d.date); })
    .y(function(d) { return yScale(d.value); });

d3.csv("data.csv", function(d) {
  d.date = parseTime(d.date);
  d.value = +d.value;
  return d;
}, function(error, data) {
  if (error) throw error;

  xScale.domain(d3.extent(data, function(d) { return d.date; }));
  yScale.domain(d3.extent(data, function(d) { return d.value; }));

  g.append("g")
      .attr("transform", "translate(0," + height + ")")
      .call(d3.axisBottom(xScale))
    .selectAll("text")
      .style("text-anchor", "end")
      .attr("dx", "-.8em")
      .attr("dy", ".15em")
      .attr("transform", "rotate(-45)");

  g.append("g")
      .call(d3.axisLeft(yScale))
    .append("text")
      .attr("fill", "#000")
      .attr("transform", "rotate(-90)")
      .attr("y", 6)
      .attr("dy", "0.71em")
      .attr("text-anchor", "end")
      .text("Value");

  g.append("path")
      .datum(data)
      .attr("fill", "none")
      .attr("stroke", "steelblue")
      .attr("stroke-linejoin", "round")
      .attr("stroke-linecap", "round")
      .attr("stroke-width", 1.5)
      .attr("d", line);
});