如何在堆叠条形图中排序条形图以及放置%标签

// 假设有一个包含数据的数组 data

// 计算排序依据
const sortData = data.map(d => d.value);

// 对排序依据进行排序
sortData.sort((a, b) => a - b);

// 创建堆叠条形图
const svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

const bars = svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
  .attr("x", d => xScale(d.category))
  .attr("y", d => yScale(d.value))
  .attr("width", barWidth)
  .attr("height", d => height - yScale(d.value))
  .attr("fill", d => colorScale(d.category));

// 添加%标签
bars.append("text")
  .attr("class", "label")
  .attr("x", d => xScale(d.category) + barWidth / 2)
  .attr("y", d => yScale(d.value) - 5)
  .attr("text-anchor", "middle")
  .text(d => `${(d.value / totalValue * 100).toFixed(2)}%`);