2018-11-07 gojs 你到底是个什么东东

因项目而了解全世界,今天我开始看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的入门总结吧,后面项目接着后我会继续更新这篇文章

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,176评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,467评论 2 59
  • 开心麻花的《夏洛特烦恼》,全程笑料不断,毫无尿点。可是笑着看完,却会让你哭着思考。 如果回到过去,夏洛不会再爱马冬...
    小时光阁楼阅读 3,811评论 2 3
  • 人生最痛苦的事, 不是你不曾拥有, 而是你差一点就得到
    啊papaya阅读 650评论 0 0
  • 三千年读史,不外功名利禄。九万里悟道,总归诗酒田园! ——题记 纵览前贤国与家,成由勤苦败由荒堕。在这个天道酬勤难...
    月小四阅读 1,287评论 0 2