初始值和选中值用v-model绑定 进入页面如果有数据，判断全选状态和不稳定状态 全选为请求回来的已选中的值等于请求回来的所有选项。 items1为已有，items2为所有项 不稳定状态为请求回来的已

D3.js drag 拖拽功能: 在使用图表呈现一些数据的交互效果时，难免会有一些需要使用拖拽效果的需求。所以是有必要了解一下drag拖拽的方法。 1.D3.drap() 方法用来创建拖拽事件， d3

D3与众多其他库的区别在于无限定制的能力（直接操作SVG）。 它的底层API提供对原生SVG元素的直接控制，但它也带来了高学习曲线的成本。 我们将把D3和Vue结合在一起 - 使用Vue的动态数据绑定，清晰的语法和模块化结构，可以充分发挥D3的最佳性能。 绝大部分的D3课程或书…

一、概述 X6是基于svg，G6是基于canvas 二、ER图实例 官方ER图实例 按照实例代码改成vue初始化的 自定义工具区 官方示例中是(使用 String 自定义 ToolBar 功能) 但是

使用X6+自定义Vue节点实现拓扑关系：接到一个任务，是要前端实现系统功能模块间拓扑关系图，需求设计需要节点能够自定义布局；新增节点是通过表单配置后生成；

笔者最近在做一些可视化方面的任务，具体的需求就是要在页面上绘制出树状的关系图。在参考并且对比了社区的主流方案后，最后选择了Antv G6。在使用的过程也遇到了一些问题，就想写篇博客记录一下

前言 AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。 G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基

<link href="https://cdn.bootcss.com/vis/4.21.0/vis.min.<script src="https://cdn.bootcss.com/vis/4.21.0/vis.min.var nodes = new vis.var edges...

### 一、前言 #### 1.1 为什么要进行移动端适配 移动端设备的尺寸很多，而UI设计稿一般只会基于一个尺寸（一般是750px）进行设计。假如开发人员完全基于该设计稿进行开发，就会出现一种现象，