d3 是一个基于js和svg的图表类库,里面实例丰富.本想找一个现成的,用于表达系统状态和网络流量传导,可惜最接近需求的这个只支持树状结构Using D3.js to visualise Hierarchical Classification 于是自己动手改造了一番,效果如图所示:
特性:
同时支持树状和网状结构
节点可拖动,数据刷新后位置信息保留
完整demo见 https://code.google.com/p/performance-graph/source/browse/trunk/component_demo.html