d3.js svg元素事件

// 创建SVG容器
const svg = d3.select("body").append("svg")
    .attr("width", 500)
    .attr("height", 500);

// 添加一个圆形元素
const circle = svg.append("circle")
    .attr("cx", 250)
    .attr("cy", 250)
    .attr("r", 50)
    .attr("fill", "blue");

// 添加点击事件监听器
circle.on("click", function() {
    d3.select(this)
        .transition()
        .duration(500)
        .attr("fill", "red");
});

// 添加鼠标悬停事件监听器
circle.on("mouseover", function() {
    d3.select(this)
        .transition()
        .duration(200)
        .attr("r", 70);
}).on("mouseout", function() {
    d3.select(this)
        .transition()
        .duration(200)
        .attr("r", 50);
});

try {
    circle.on("click", function() {
        // 事件处理代码
    });
} catch (e) {
    console.error("事件绑定失败:", e);
}