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
相关产品推荐
相关产品推荐

