gojs插件

2021-03-22 14:25

阅读:693

标签:html   nod   link   jason   pre   aar   download   tree   nal   

gojs插件

是一个前端插件,跟go和js没有半毛钱关系

主要可以通过代码动态的生成和修改图表数据(组织架构图,执行流程图等等)

网址:https://gojs.net/latest/index.html

如果你想使用,需要下载他的文件

目前需要我们了解的文件其实只有三个,用得到的只有两个

"""
1.go.js
	是使用gojs所必须要导入的js文件
2.go-debug.js
	可以帮你打印一些bug日志  正常线上不会使用
3.Figures.js
	go.js中自带了一些基本的图标,额外扩展的图标需要引入该文件
"""
# 总结你在使用的导入go.js和Figures.js就够了

基本使用

gojs使用基本套路是先在页面上写一个div站地方,之后初始化该div,再然后所有的图标渲染都在该div内进行!!!

重要概念介绍

  • TextBlock 创建文本
  • Shape 创建图形
  • Node 节点(结合文本与图形)
  • Links 箭头

TextBlock

Shape

Node

思考:

1.如何做到数据的前后端交互,图标的动态修改

2.如何去除gojs自带的水印

数据绑定式动态操作

如何去除gojs自带的水印

需要修改go.js文件源码

  • 需要找到一个特定的字符串注释该字符串所在的一行代码

    # 7eba17a4ca3b1a8346
    a.kr=b.V[Ra("7eba17a4ca3b1a8346")][Ra("78a118b7")](b.V,Jk,4,4);
    
  • 在后面添加一行新的代码

    a.kr=function(){return false};
    

gojs插件

标签:html   nod   link   jason   pre   aar   download   tree   nal   

原文地址:https://www.cnblogs.com/yafeng666/p/12700288.html


评论


亲,登录后才可以留言!