如何高亮显示多个圆环图d3的切片

<script src="https://d3js.org/d3.v7.min.js"></script>

<div id="chart-container"></div>

// 假设你有一个包含多个圆环图数据的数组
var data = [
  [10, 20, 30],
  [15, 25, 35],
  [5, 10, 15]
];

// 选择容器元素
var container = d3.select("#chart-container");

// 选择所有的圆环图容器
var charts = container.selectAll(".chart")
  .data(data)
  .enter()
  .append("svg")
  .attr("class", "chart")
  .attr("width", 200)
  .attr("height", 200)
  .append("g")
  .attr("transform", "translate(100, 100)");

// 创建圆环图的路径
var arc = d3.arc()
  .innerRadius(50)
  .outerRadius(80);

// 绘制圆环图的路径
charts.selectAll("path")
  .data(function(d) { return d; })
  .enter()
  .append("path")
  .attr("d", arc)
  .attr("fill", function(d, i) { return d3.schemeCategory10[i]; });