如何使用画笔在DC.JS散点图中拾取最高点

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

var data = [
  { x: 1, y: 5 },
  { x: 2, y: 8 },
  { x: 3, y: 3 },
  // 更多数据点...
];

var scatterChart = dc.scatterPlot("#scatter-chart");

scatterChart.dimension(function(d) {
  return [d.x, d.y];
});

scatterChart.x(d3.scaleLinear().domain([0, 10]));
scatterChart.y(d3.scaleLinear().domain([0, 10]));

scatterChart.on("renderlet", function(chart) {
  var highestPoint = chart.group().top(1)[0]; // 获取最高点的数据
  var highestPointElement = chart.selectAll("circle.dot").filter(function(d) {
    return d.key[0] === highestPoint.key[0] && d.key[1] === highestPoint.key[1];
  }); // 获取最高点的图形元素

  highestPointElement.attr("fill", "red"); // 修改最高点的颜色
});

dc.renderAll();