D3.js 通过鼠标盖进行D3选择

我将json数据的第一级子级的所有“名称”写在一个DIV中。 当我将鼠标移到名称上时，如何在图形中为相应的圆弧上色（例如，红色）

下面是一个代码

var-width=960，
高度=700，
半径=数学最小值（宽度、高度）/2；
var x=d3.scale.linear（）
.range（[0,2*Math.PI]）；
var y=d3.scale.sqrt（）
.范围（[0，半径]）；
var color=d3.scale.category20c（）；
var svg=d3.选择（“正文”）.追加（“svg”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）
.附加（“g”）
.attr（“变换”、“平移”（+width/2+）、“+（height/2+10）+”）；
var partition=d3.layout.partition（）
.sort（空）
.value（函数（d）{return 1；}）；
var arc=d3.svg.arc（）
.startAngle（函数（d）{返回Math.max（0，Math.min（2*Math.PI，x（d.x））；}）
.endAngle（函数（d）{返回Math.max（0，Math.min（2*Math.PI，x（d.x+d.dx））；}）
.innerRadius（函数（d）{return Math.max（0，y（d.y））；}）
.outerRadius（函数（d）{return Math.max（0，y（d.y+d.dy））；}）；
//跟踪当前显示为根节点的节点。
var节点；
var root=JSON.parse（{“name”：“flare”，“children”：[{“name”：“analytics”，“children”：[{“name”：“cluster”，“children”：[{“name”：“aggregativecluster”，“size”：3938}，{“name”：“CommunityStructure”，“size”：3812}，{“name”：“HierarchicalCluster”，“size”：6714}，{“name”：“mergedge”，“size”：743}，{“名称”：“图形”，“子项”：[{“名称”：“中间点中心”，“大小”：3534}，{“名称”：“链接距离”，“大小”：5731}，{“名称”：“MaxFlowMinCut”，“大小”：7840}，{“名称”：“最短路径”，“大小”：5914}，{“名称”：“SpanningTree”，“大小”：3416}]}，{“名称”：“优化”，“子项”：[{“名称”：“AspectRatioBanker”，“大小”：“7074}]}}，{“名称”：“动画”，“子项”：[{“名称”：“放松”，“大小”：“17010}，{“名称”：“函数序列”，“大小”：5842}，{“名称”：“插值”，“子项”：[{“名称”：“阵列插值器”，“大小”：1983}，{“名称”：“颜色插值器”，“大小”：2047}，{“名称”：“DateInterpolator”，“size”：1375}，{“name”：“Interpolator”，“size”：8746}，{“name”：“MatrixInterpolator”，“size”：2202}，{“name”：“NumberInterpolator”，“size”：1382}，{“name”：“ObjectInterpolator”，“size”：1629}，{“name”：“PointInterpolator”，“size”：1675}，{“name”：“RectangleInterpolator”，“size”：2042}}，{name:“isschedulable”，“size”：1041}，{name:“Parallel”，“size”：5176}，{name:“Pause”，“size”：449}，{name:“Scheduler”，“size”：5593}，{name:“Sequence”，“size”：5534}，{name:“Transition”，“size”：9201}，{name:“Transitioner”，“size”：19975}，{name:“TransitionEvent”，“size”：1116}，{name:“Tween”，“size”：6006}]}，{“name”：“data”，“children”：[{“name”：“converter”，“children”：[{“name”：“converter”，“size”：721}，{“name”：“DelimitedTextConverter”，“size”：4294}，{“name”：“GraphMLConverter”，“size”：9800}，{“name”：“IDataConverter”，“size”：1314}，{“name”：“JSONConverter”，“size”：2220}]}，{“名称”：“数据域”，“大小”：1759}，{“名称”：“数据模式”，“大小”：2165}，{“名称”：“数据集”，“大小”：586}，{“名称”：“数据源”，“大小”：3331}，{“名称”：“数据表”，“大小”：772}，{“名称”：“数据工具”，“大小”：3322}}，}，{“名称”：“显示”，“子项”[{“名称”：“DirtySprite”，“大小”：8833}，{“名称”：“线条精灵”，“大小”：1732}，{“名称”：“矩形精灵”，“大小”：3623}，{“名称”：“文本精灵”，“大小”：10066}}，{“名称”：“柔性”，“子项”：[{“名称”：“FlareVis”，“大小”：4116}}，{“名称”：“物理”，“子项”：[{“名称”：“牵引力”，“大小”：1082}，{“名称”：“重力力”，“大小”：1336}，{“名称”：“IForce”，“大小”：319}，{“名称”：“NBodyForce”，“大小”：10498}，{“名称”：“粒子”，“大小”：2822}，{“名称”：“模拟”，“大小”：9983}，{“名称”：“弹簧”，“大小”：2213}，{“名称”：“弹簧力”，“大小”：1681}]}，{“名称”：“查询”，“子项”：[{“名称”：“聚合表达式”，“大小”：1616}，{“名称”：“和”，“大小”：1027}，{”名称“：“算术”，“大小”：3891}，{“名称”：“平均”，“大小”：891}，{“名称”：“二进制表达式”，“大小”：2893}，{“名称”：“比较”，“大小”：5103}，{“名称”：“复合表达式”，“大小”：3677}，{“名称”：“计数”，“大小”：781}，{“名称”：“DateUtil”，“大小”：4141}，{“名称”：“不同”，“大小”：933}，{“名称”：“表达式”大小：5130}，{“名称”：“表达式迭代器”，“大小”：3617}，{“名称”：“Fn”，“大小”：3240}，{“名称”：“如果”，“大小”：2732}，{“名称”：“IsA”，“大小”：2039}，{“名称”：“文字”，“大小”：1214}，{“名称”：“匹配”，“大小”：3748}，{“名称”：“最大值”，“大小”：843}，{“名称”：“方法”，“子项”[{“名称”：“添加”，“大小”：“：593}，{“名称”：“和”，“大小”：330}，{“名称”：“平均”，“大小”：287}，{“名称”：“计数”，“大小”：277}，{“名称”：“不同”，“大小”：292}，{“名称”：“div”，“大小”：595}，{“名称”：“eq”，“大小”：594}，{“名称”：“fn”，“大小”：460}，{“名称”：“gt”，“大小”：603}，{“名称”：“gte”，“大小”：625}，{“名称”：”“iff”，“size”：748}，{“name”：“isa”，“size”：461}，{“name”：“lt”，“size”：597}，{“name”：“lte”，“size”：619}，{“name”：“max”，“size”：283}，{“name”：“min”，“size”：283}，{“name”：“mod”，“size”：591}，{“name”：“mul size”：603，{“name”：“neq”，“size”：599}，{“name”：“not name”：“size”：386}，{“name”：或者，“大小”：323}，{“名称”：“订购者”，“大小”：307}，{“名称”：“范围”，“大小”：772}，{“名称”：“选择”，“大小”：296}，{“名称”：“stddev”，“大小”：363}，{“名称”：“子”，“大小”：600}，{“名称”：“总和”，“大小”：280}，{“名称”：“更新”，“大小”：307}，{“名称”：“方差”，“si”
d3.select("#list")
  .selectAll('div')
  .data(root.children)
  .enter()
  .append('div')
  .text(function(d){
    return d.name;
  })
  // on mouse over, find all arcs
  // at given depth and color them
  .on('mouseover', function(d){
    d3.selectAll('.' + d.name + '_arc_1_depth')
        .style('fill', function(){
          // stash old color for revert
          d._oldColor = d3.select(this).style('fill');
          return 'red';
      });
  })
  // revert color
  .on('mouseout', function(d){
    d3.selectAll('.' + d.name + '_arc_1_depth')
        .style('fill', d._oldColor);
  });

.attr('class', function(d){
  return d.name + '_arc_' + d.depth + '_depth';
})