使用 AntV S2 打造大数据表格组件_weixin_41498276_表格组件 导读 在蚂蚁的大数据研发平台中,数据表格是一类重要的业务组件。我们需要流畅的展示 SQL 查询出来的上万条结果,并对结果做筛选、排序、搜索、复制、框选、聚合分析等操作。同时也存在数据手工录入的场景,需要表格有可编辑的能力。所以我们最终需要的是... AntV irpas 5159 02-07
大数据可视化——dataV,Echarts,蚂蚁金服L7世界地图引入,数字翻牌器,全屏,自定义排名轮播表_Nanchen_42_antv l7 全屏 目录 L7相关概念? 构造函数Scene PointLayer? 基本用法 shape 类型? style? tips 地图事件 Popup信息框 option 方法:setLnglat 方法:setDOMContent 全屏效果实现? 数字翻牌器效果实现 和以往的项目进行对比,添加了一些新的东西,这里总结一下... AntV 大大的周 7716 02-07
Antv X6 动态连线_快乐征途 这是我实际开发项目中,利用 X6 开发的一个关系图。具备连线功能。这里我尽可能全的记录整个开发思路和部分编码,如果你也用了 X6 希望对你有帮助。 创建画布 代码有删减,以下展示的代码全都有删减 index.vue <template> <div id="dag-... AntV irpas 2147 02-07
Antv X6系列 (三)锚点相关_念雅 Antv X6 绝对位置,定义锚点位置 ports: {//链接桩, groups: { top: {//位置上下左右 position: { name: 'absolute',//核心 args: { x: 44, y: 33 },//相对于当前图标的x、y坐标 }, attrs: { circle: { r: 3, magnet: true,//设置为可以连接 stroke: &... AntV 网络投稿 3412 02-07
antv x6流程图图绘制编辑:初始化配置(一)_伏见伊奈里_antv x6流程图 最近使用Vue开发中,需要实现流程图的编辑和绘制,发现了一款好用的图编辑框架antv x6??点击查看官网api 安装 通过 npm 或 yarn 命令安装 X6。 # npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 使用 <!--绘图面板组件--> <di... AntV 网络 1752 02-07
antv x6流程图图绘制编辑:初始化配置(一)_伏见伊奈里_antv x6流程图 最近使用Vue开发中,需要实现流程图的编辑和绘制,发现了一款好用的图编辑框架antv x6??点击查看官网api 安装 通过 npm 或 yarn 命令安装 X6。 # npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 使用 <!--绘图面板组件--> <di... AntV 大大的周 7929 02-07
AntV X6 流程图_liyifan _antv x6 安装 AntV X6? npm install @antv/x6 --save html结构 <div class="editor" ref="editor" style="height: 400px"></div> js结构 initEditor() { // 获取容器的宽高 const { clientHeight: height, clientWidth: width... AntV 未知 4437 02-07
AntV G6中动态数据提示框的实现_zhuo123110 背景 最近在做一个大屏项目,由于项目需求,需要在AntV G6生成的拓扑图中,展示每个节点的相关数据,但是官方对于这种功能的实现,目前只提供了一个tooltip插件方案。效果如下 问题 但是此插件只能通过鼠标点击和鼠标移入事件触发,并且... AntV 网络 6703 02-07
AntV | 蚂蚁数据可视化 G2Plot 快速入门_一个平凡de人_蚂蚁数据可视化 AntV | G2Plot API AntV | G2Plot 教程 1、开始 <1> 简介 G2Plot 是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。 特性: 📦 开箱即用、默认好用的高质量统计图表🎨 提炼自企业级产品的视觉语言和设计规... AntV irpas 634 02-07
antv-x6在vue中使用:拖拽 Dnd、Stencil——以小诺管理平台为例_<每天一点>_antv x6 拖拽 1、说明 由于antv-x6刚刚开放不久,一方面网上资料很少,此外antv目前官方的实例基本都是以react作为demo进行演示,所以vue的示例几乎没有,自己按照官方文档的react写了一个vue版本,仅供参考。 2、效果 先看一下demo的效果,如下所示... AntV 未知 7501 02-07
antv x6流程图图绘制编辑:初始化配置(一)_香蕉你个芭呐呐_x6 流程图 最近使用Vue开发中,需要实现流程图的编辑和绘制,发现了一款好用的图编辑框架antv x6??点击查看官网api 安装 通过 npm 或 yarn 命令安装 X6。 # npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 使用 <!--绘图面板组件--> <di... AntV irpas 4231 02-07
Vue工作流渲染 可拖拽编辑流程图(附源码)_昌杰的攻城狮之路_vue拖拽流程图 x6-vue-example 基于Vue的X6图编辑示例 X6 是 AntV 旗下的图编辑引擎 提供了开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建流程图、DAG 图、ER 图等图应用。 特性 支持元素节点有图形面板区拖拽至主画布,拖拽调整元素位置,拖拽调整元素大小支持通过拖... AntV 网络投稿 2606 02-07
vue使用Antv x6 组织架构图(自动布局)_love_weiai_antv x6组织架构图 ?引入x6 npm install @antv/x6 --save <template> <div id="layoutContainer" style='width: 100%;height: 800px;'></div> </template> <script> // Cell, Node, import {Graph, Color, Dom} from '@ant... AntV 大大的周 3515 02-07
G2Plot水波图在vue项目中的实现_m0_60257268_g2plot vue 由于工作需要要实现水波图,大概的效果就是如下 里面的水波是动态的,在网上找了很久才找到G2Plot有这样的图例 ?第一次使用G2Plot,有很多不知道地方,还有vue的知识不够充实,所以写下了这篇本人对G2Plot水波图在vue项目中的实现,其中还是有... AntV 大大的周 942 02-07
vue中使用AntV G6 — 基础篇_豆。_antv g6 vue 阿里AntV-G6使用介绍 一 基础篇 AntV G6 官网 AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。 文章目录 阿里AntV-G6使用介绍 一 基础篇一、G6 是什么?二、使用步骤1.安装&引入2.基本使用... AntV 大大的周 3465 02-07
antv-X6-Vue3总结03-Vue节点配置_eadela_antv x6复制粘贴 部分源代码:https://gitee.com/eadela/x6-example.git channelReferral.vue 节点组件 <template> <!-- 多波次 --> <div class="node-box"> <Icon type="cancel-questionnaire" class="icon" /> <p&g... AntV 大大的周 4807 02-07
antv x6 踩坑日记+屏幕适配方案_青椒味半岛铁盒 坑点 基于官方模版封装的 vue 组件节点 坑一: 在点击拓扑图中触发 router.push() 事件 无法通过this 去调用 , 通过引入router 来实现导航跳转,这个时候可能会无法携带参数,这个时候重启一下项目就好。坑二: vue组件封装的节点 data 属性... AntV 网络投稿 4601 02-07
antv-x6_a1770029_antv x6 AntV X6(流程图的制作dome) JQuery/jsBootstrapHTML/CSS 通过拖拽图形到画布,可以删除和修改图形标签,并且加入了导入和导出功能。 图片展示: 代码: HTML部分: <!-- HTML 部分 --> <div class="app-btns&... AntV 网络 4929 02-07
Antv G6动态更新自定义节点数据_zhuo123110 背景 由于公司项目需求,最近研究了一下使用蚂蚁的antv G6来构建拓扑图。 成果实例 ? 由于很多个性需求,所以图中的各种edge和node都是使用G6.registerNode和G6.registerEdge两个方法来自定义的。下面贴一下我自定义节点和边的代码片段。 G6.registerNode(item.... AntV irpas 4009 02-07
细数阿里 25 个开源的前端项目,让你的 2021 路更加平坦_BYGFJ_阿里前端框架 数据驱动的高交互可视化图形语法 AntV - G2 G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。 同时,G2 也是 AntV 最重要的组成... AntV 大大的周 4936 02-07