使用jQuery实现与Alchemy.js SVG的交互

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<svg id="alchemy-svg"></svg>

var config = {
  dataSource: 'data.json',
  // 其他配置项...
};

var alchemy = new Alchemy(config);
alchemy.begin();

$(document).ready(function() {
  // 选择SVG元素
  var svg = $('#alchemy-svg');

  // 绑定点击事件
  svg.on('click', '.node', function() {
    var nodeId = $(this).attr('id');
    // 处理点击事件
    console.log('点击了节点：' + nodeId);
  });

  // 绑定鼠标移入事件
  svg.on('mouseenter', '.node', function() {
    var nodeId = $(this).attr('id');
    // 处理鼠标移入事件
    console.log('鼠标移入了节点：' + nodeId);
  });

  // 绑定鼠标移出事件
  svg.on('mouseleave', '.node', function() {
    var nodeId = $(this).attr('id');
    // 处理鼠标移出事件
    console.log('鼠标移出了节点：' + nodeId);
  });
});