本篇内容主要讲解“交互式可视化js库gojs使用技巧是什么”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“交互式可视化js库gojs使用技巧是什么”吧!
1. gojs 简介
gojs 是一个用于构建交互式可视化图的 js 库，使用可自定义的模板和布局构建复杂节点、链接和组，从而构建出简单到复杂的各类图，如流程图、脑图、组织图、甘特图等。而且提供了许多用于用户交互的高级功能，例如拖放、复制和粘贴、就地文本编辑......
gojs 是 Northwoods Software 的产品。Northwoods Software 创立于1995年，专注于交互图控件和类库。其愿景是提供卓越的图形用户界面，目前已成长为跨各种平台的交互式图组件和类库的世界级供应商。
2. gojs 应用场景
基于 gojs 的高可构建性，可以绘制很多种类的可视化图：
流程图
脑图
树图
甘特图
柱状图
饼图
地图
仪表盘
更多示例图(数百个)
3. 为什么选用 gojs:
可视化的库非常多，如：echarts、highcharts、antv 系列、d3、以及今天的主角 gojs、......
按照可自定义绘图的程度排序:
gojs、d3js > antv > echarts 、highcharts
如果需求简单，不需要自定义图元素，那么 echarts 、highcharts 看中哪个 demo 效果就选用哪个库。
如果有一定程度需要自定义图元素，那么可以看 antv g2/g6 demo 是否能满足需求，可自定义大部分图元素。
如果上面的都不能解决你的需求，那么就是高可定制的，可以考虑 d3js、gojs，还是先去看 demo，看哪个更接近你的需求就采用哪个。
总结：gojs 的高可自定义性，非常适合需求复杂的图交互。
4. gojs 上手指南
查看案例：samples
目的是对 gojs 能做什么有大概的了解，以及查找及确认哪个案例效果更接近自己的需求，可参考案例代码完成需求，达到事半功倍的效果，也是上手非常不错的借鉴资料。看完一到两个案例代码，也可对 gojs 绘图有个基本了解。
关键概念
看了案例代码后，对 gojs 绘图有基本了解后。绘制图之前了解下绘图概念和结构对绘图会更有帮助。好似写作前知道提纲，写内容思路会更清晰，效率更高。
开始动手绘制基本demo
引用库
在页面中创建 gojs 图表容器, 并给容器设置宽高，否则图形绘制不出来
创建图表实例
定义布局、样式、交互、属性、事件等（可省略）
绑定数据，渲染图表
// 图表容器
<div id="myDiagramDiv" ></div>
// 引用
<script src=https://www.yisu.com/zixun/"https://unpkg.com/gojs/release/go-debug.js">
如果要对布局、样式、节点、组、连线、事件等控制，可自定义对应模板，下面以节点为例:
// 节点模板描述了如何构造每个节点
diagram.nodeTemplate = $(go.Node, "Auto",
$(go.Shape, "RoundedRectangle", new go.Binding("fill", "color")),
$(go.TextBlock, new go.Binding("text", "key"))
);交互式可视化js库gojs使用技巧是什么
