我创建了一个带有单击事件的简单折线图,该事件突出显示了我单击的点,突出显示效果很好,但是当我调整窗口大小时,突出显示的点不随图形移动,而是停留在同一位置。
如何避免这种情况?
这是我的职能部门,它突出了一个特定点:
function highlightPoint(chart, point, r, tm) {
var pointClass = null;
if (tm) {
pointClass = "tm_point";
} else {
pointClass = point.element.attributes[1].nodeValue;
}
var points = d3.select('.nv-groups')
.selectAll()
.data([point.point]);
points.enter().append("circle")
.attr("class", pointClass)
.attr("cx", function (d) {
return chart.xAxis.scale()(d.x);
})
.attr("cy", function (d) {
return chart.yAxis.scale()(d.y);
})
.attr("r", r);
/* .style("fill", function (d) {
return d3.select('.nv-series-' + d.series).style('fill');
});*/
}