Skip to content

Richardxu2014/topology

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

topology

说明

基于raphael.js实现的,可拖拽的拓扑图控件,支持圆形,横版树形,垂直树形三种暂时方式,图形,字体,画布大小,连接线等等所有东西都可以配置

参数配置

//初始化参数,一下为默认值,可选择性自定义,
    /*var initparam = {
        node: '#svg-container-edit',//node:#加画布外层divID
        width: 600,  //画布宽度
        height: 600,  //画布高度
        nodecirclemax: 30,  //节点半径最大值
        nodecirclemin: 20,  //节点半径最小值
        nodestrokecolor: '#3F3E3E', //节点轮廓颜色 默认
        nodestrokewidth: 0.5,     //节点轮廓粗细
        nodeTextColor: '#fff',  //节点中字体的颜色,
        nodeTextSize: '14px',  //节点中字体的大小
        nodeTextWeight: '600',  //节点中字体的粗细
        paperFilletStroke: "#666",//画布圆角轮廓颜色
        paperFilletRadius: 10,//画布圆角半径
        mode: 'edit',   //edit为可移动 view为不可移动
        totallevel: 5,  //总层数
        showstyle: 'tree_H',  //展示风格 doughnut:圆环图;tree_H:横向树形图;tree_V:垂直树形图
        lintwidth: '2px',    // 链接线宽
        lintcolor: '#C6D9EC',    // 链接线宽
        middlePiont: 9,       // 链接线中间点半径
        middlePiontFill: '#BED8EC',       // 链接线中间点填充颜色
        middlePiontStroke: '#C6D9EC',       // 链接线中间点轮廓颜色
        middlePiontText: '?',     // 中间点内文本
        middlePiontTextColor: '#fff',       // 中间点内文本颜色
    }
    */

此为2014年做的一个控件发布在 JCSDN , 后来CSDN密码忘记了,最近整理电脑中的文件,偶然看见这个项目,随即整理了一下并提交到了gitlab

About

可拖拽的拓扑图控件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published