You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ZoomChart net chart如何手动设置任意节点为中心节点

ZoomChart 径向网络图手动设置指定节点为中心的方法

实现该需求直接调用ZoomChart NetChart内置的官方API即可,操作逻辑和双击节点触发的中心移动效果完全一致:

  • 第一步:确认你要设为中心的目标节点的唯一ID,该ID为你初始化图表时给节点配置的唯一标识字段
  • 第二步:调用NetChart实例的setCenterNode()方法,示例代码如下:
    // chart为你初始化后得到的NetChart实例对象
    // 第一个参数为目标节点ID,第二个可选参数为动画过渡时长,单位为毫秒,传0则无动画
    chart.setCenterNode("your_target_node_id", 800);
    

补充注意事项

  • 调用方法前需确保图表已经完成初始化,且目标节点已经加载到图表实例中,否则方法调用不会生效
  • 若需要监听中心节点变更的事件,可以绑定centerNodeChanged事件实现自定义逻辑,示例如下:
    chart.on("centerNodeChanged", function(evt) {
      // 可在此处编写中心节点变更后的自定义操作
      console.log("新的中心节点ID为", evt.node.id);
    })
    

内容的提问来源于stack exchange,提问作者iPhoneJavaDev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 15:06:03