antv

ant-design-charts wheel 双指移动放大

ant-design-charts wheel 双指移动放大监听 wheel 事件如果 ctrlKey 为true 为双指 zoom事件如果 ctrlKey 为false 为双指 move事件 graph.on(wheel, ev > {const sensitivity 0.6;const { ctrlKey } ev;if (ctrlKey) {// zoomconst sensitivity 3;const canvas graph…

antv g2 x轴两边留边距

antv g2 x轴两边留边距问题背景：在做vue项目时，需要用到-蚂蚁数据可视化antv做数据图表。问题： 图表的内容超出了x轴的边缘这个问题看了很久，网上的解释很少，最后还是看文档终于找到了原因源代码： v…

vue3 + antv/x6 实现拖拽侧边栏节点到画布

前篇：vue3ts使用antv/x6 自定义节点前篇：vue3antv x6自定义节点样式 1、创建侧边栏用antd的menu来做侧边栏 npm i --save ant-design-vue4.x//入口文件main.js内 import Antd from ant-design-vue; import App from ./App; import ant-design-vue/…

antv L7结合高德地图使用dome1

antv L7结合高德地图使用一、设置底图二、添加antv L7 中要使用的dome1. 安装L7 依赖2. 使用的dome 、以下使用的是浮动功能3. 运行后显示自定义样式修改1. 设置整个中国地图浮动起来自定义标注点1. 静态标注点2. 动态标注点（点位置需要自己改）3. 完…

@antv/g6自定义节点dom类型shape无法触发事件原因分析

版本 antv/g6: 4.8.10 踩坑根据官网文档注册自定义节点时如果绘制dom类型shape，会发现node相关事件全都无法触发，比如node:click等例如： G6.registerNode(my-dom-node, {draw(cfg, group) {const keyShape group.addShape(dom, {attrs…

antv/x6_2.0学习使用（四、边）

一、添加边节点和边都有共同的基类 Cell，除了从 Cell 继承属性外，还支持以下选项。属性名类型默认值描述sourceTerminalData-源节点或起始点targetTerminalData-目标节点或目标点verticesPoint.PointLike[]-路径点routerRouterData-路由connectorCon…

antv-G6在vue2中使用---自定义卡片和收缩节点并添加动画和自定义弹窗样式

这系列文章主要是完成一个图谱的自定义修改（最近太忙了长篇分段更新自己使用流程） 1. 连接线修改成动态，并添加跟随线移动的光圈上一篇地址➡️点击这里 2. 自定义卡片样式和文字内容 3. 自定义伸缩节点的样式，并添加动画样式 3. 自定义弹窗样式 4. 自定义弹窗样式 5. 设置…