gojs
努力学习滴程序媛
每天学习一点点,每天进步一点点
展开
-
gojs绘制UML class
项目这边的需求是绘制有一定关系的拓扑图,所以这里我决定使用gojs的UML class绘制。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/go.js&quo原创 2018-08-07 16:12:19 · 620 阅读 · 1 评论 -
gojs基础
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>GOJS使用步骤</title> <script src="js/go.js"></script> &原创 2018-08-23 16:42:12 · 546 阅读 · 0 评论 -
goJs简介
GoJS属于功能丰富的JS库,在Web浏览器和平台上可实现自定义交互图和可视化效果,GoJS用自定义模板和布局组件简化了节点、链接和分组等复杂的JS图表。 GoJS给用户交互提供了许多先进的功能,如拖拽、复制、粘贴、文本编辑、工具提示、上下文菜单、自动布局、模板、数据绑定和模型、事务状态和撤销管理、调色板、概述、事件处理程序、命令和自定义操作的扩展工具系统。 无需切换服...原创 2018-11-07 16:20:15 · 10492 阅读 · 1 评论 -
GoJS中Panels的Table元素
GoJS绘制图表一般分为三步:第一步、定义画布;第二步、定义节点;第三步、定义连线。 如上图所示,如果在节点中我们要绘制一个含有表格的图表,那么这个表格该怎么绘制呢思路如下:分成两个部分,第一个部分是蓝色背景的表名部分,第二部分是白色背景的字段部分。(1)在Diagram的node中定义一个主面板,再在主面板中定义一个table,然后定义table的第一行Ta...原创 2018-11-09 16:48:10 · 2213 阅读 · 1 评论 -
GoJs绘制E-R图时,把layout设置为ForceDirectedLayout
在最近的项目中,由于表的数据太多,绘制出来的E-R图很乱:所有的表会连续排在一起,有关联的两张表中间可能横着很多张没有关联的表,因此有关联的表之间的关系就会看得很不明了。 这里我用这个方法解决这个问题:把layout设置为ForceDirectedLayout(力导向布局)。这样,有关联关系的表展示在一边,没关联关系的表整齐的排在另一边。修改步骤如下: 首先,在定义画布...原创 2018-11-20 15:15:02 · 2724 阅读 · 1 评论 -
goJs中E-R图显示高亮
需求:初始化gojs图表(进入页面,显示带网格的背景),选择下拉框中的某个值后,绘制E-R图,E-R图绘制完成后,选中值的表显示高亮。难点:1、绘制网格背景 this.myDiagram.grid = a(go.Panel, 'Grid', { name: 'GRID', vis...原创 2019-05-08 10:36:19 · 1226 阅读 · 0 评论 -
gojs 绘制UML连线图
<template> <div :id='boxId' class="er-box" v-loading="loadingChange" element-loading-text="拼命加载中"> <div style="z-index: 1;" v-if="fullShow"> <el-row :gutter="20">...原创 2019-05-08 10:44:20 · 1132 阅读 · 0 评论