在D3中将动态标题添加到轴

var svg = d3.select("body")
            .append("svg")
            .attr("width", width)
            .attr("height", height);

var xAxis = d3.axisBottom(xScale)
              .tickFormat(d3.format(".0%")); // 格式化刻度值为百分比形式

svg.append("g")
   .attr("class", "x axis")
   .attr("transform", "translate(0," + height + ")")
   .call(xAxis);

svg.append("text")
   .attr("class", "title")
   .attr("x", width / 2)
   .attr("y", margin.top / 2)
   .style("text-anchor", "middle")
   .text("动态标题");