因项目而了解全世界,今天我开始看gojs。
看到的第一句话: GoJS is a feature-rich JavaScript library for implementing custom interactive diagrams and complex visualizations across modern web browsers and platforms.
1 Gojs是一个js库 2 基于它可以制作交互式图表 3 很好做到复杂数据可视化
使用gojs 我使用的方法是 1 使用npm install gojs 2 import go from 'gojs' 3 然后 就可以通过go去探索你的新世界了
gojs怎么玩 gojs图表需要被包裹在一个指定宽高的div中,并传入这个div的id作为参数创建图表。随后通过使用go.GraphObject.make来创建一个GoJS对象,gojs使用mv模式,即view和model,在我们新建的model中,我们可以‘画图‘,画shape,textBlock,picture,通过new go.bind()操作绑定数组中的相关字段并循环显示字段中的值
gojs的数据层 gojs的数据层包括key parent name source等等字段,我们可以通过数据层的这些字段直接的告诉每一条数据与其他数据的关系,这些字段不需要都有,根据我们所使用的数据层模板和个人需要决定,最终我们通过对我新建的视图层的model属性赋上我们定义的数据层
gojs的视图层 视图层有一些模板,比如线模板,节点模板。我们可以对模板中的元素定义css,也可以通过对视图层设置属性,如延展方向,定制css,打开ctrl-z ctrl-c功能等等
以上算是我对gojs的入门总结吧,后面项目接着后我会继续更新这篇文章
网友评论