问题标签 [antv]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
33 浏览

javascript - 如何访问 antv/g6 中的全局配置属性?

我有一个 antv/g6 图,通过全局配置将节点配置为具有特定大小,比如 10。这是一个代码片段...

给定graph对象,获取节点大小的过程是什么?当然,我可以在执行 a 后直接访问console.log(graph),但这是不好的做法。当然必须有一个 getter 来访问全局属性。感谢您提供的任何见解。

0 投票
0 回答
31 浏览

reactjs - 如何使用外挂

我尝试通过cdn使用antv/g2,这是我的脚本

<script src="https://cdnxxxx.com/@antv/g2@3.5.17/g2.min.js"></script>

然后我将 antv/g2 添加到 webpack 外部

但它不起作用。</p>

我也试试'@antv/g2':'@antv/g2' '@antv/g2':'g2',也不行

参考了webpack的文档,还是不知道怎么设置。</p>

我的 webpack 是 4.29.6

0 投票
0 回答
46 浏览

javascript - 在 Antv/G6 的布局迭代期间如何防止重绘?

我正在使用带有 Force 布局的 Antv/G6。我想通过在布局完成之前不重绘图表来加快这个过程。这是如何实现的?我找不到任何文件。到目前为止,我所想的只是如何控制收敛属性,但是算法仍然在每次迭代时渲染节点,从而减慢了进程。这是我目前的布局。文档位于:https ://g6.antv.vision/en/docs/manual/middle/layout/graph-layout 。

0 投票
0 回答
14 浏览

javascript - 从 Vuex 商店返回的结构中的神秘空字段

erlebach — 今天下午 5:59 以下是一系列图像,表明一些奇怪的错误。首先是代码片段。接下来,我将展示 console.log 命令的结果。

这是在 Chrome 开发人员工具中看到的输出。

接下来让我们看一下fullGraph。

fullGraph 结构的一部分。

然而,fullGraph.cfg.data 在打印出来时显示为 null。

Google Chrome 开发者工具中三个 console.log 语句的快照

在 fullGraph.cfg 中清楚地观察到 data 属性有内容(见箭头)。

这似乎是不可能的。我尝试了几种不同的方法来解决这个问题,但我无法想出任何可能发生这种情况的场景。此外,我打印了 fullGraph.cfg.autoPaint,它打印为 true,正如它应该打印的那样。因此 cfg 的某些属性具有有效值。我完全不知所措。

我意识到 MWE 更可取,但这是一个使用 Antv/G6 和 Vuex 的 Vue 项目。如果我无法在这里获得解决方案,我将不得不通过将我拥有的东西缩减到最小尺寸来创建一个 MWE。但我希望上面的描述可能会产生一些问题和想法。

0 投票
0 回答
8 浏览

canvas - 如何从 AntV g2plot 旋转 90 度桑基图

我正在使用来自 antV g2plot 的这个 sankey 图: https : //g2plot.antv.vision/en/examples/relation-plots/sankey#draggable 此处 的代码框: https ://codesandbox.io/s/4xjr6

我想垂直使用,所以用户可以轻松滚动它。我尝试过css,transform:rotate(90deg);但工具提示不起作用。此外,文本也将垂直呈现。

0 投票
1 回答
381 浏览

reactjs - 未处理的拒绝(TypeError):无法读取未定义的属性(读取“appendChild”)

我正在使用功能组件在 React.js 中制作 AntV 的等值线图。这是我的图表代码:

现在此代码位于 .jsx 文件中。

我在“ const chart = new Chart() ”中收到此错误。谁能告诉我解决方案或引导我走向正确的道路?附上错误图片。

在此处输入图像描述

0 投票
1 回答
62 浏览

javascript - 使用@antv/g2plot.js 2+版本显示数据错误

我一直在尝试使用 G2plot ( https://g2plot.antv.vision/ ) 作为基本折线图。不久前我用 1.28 版本做了一些测试,它工作正常。我删除了一些过时的配置并尝试了最新版本,但图表的显示不一样,看起来很粗略。我想我犯了一个错误,但我看不到哪一个,非常感谢任何帮助。

提前致谢

这是沙箱的链接:https ://codesandbox.io/s/szzhq?file=/index.ts

我找到了一张使用相同数据的屏幕截图: https ://ibb.co/H2MkfFj

0 投票
0 回答
33 浏览

javascript - 蚂蚁电视 G6。如何在画布上旋转元素并旋转锚点

我用的是AntV G6,遇到了一个问题。如何在画布上旋转元素并旋转锚点

并旋转组节点的元素

https://i.stack.imgur.com/dIaLi.png https://i.stack.imgur.com/LJqH8.png

如何旋转连接位置

0 投票
1 回答
25 浏览

graph - 如何在 anti/G6 中销毁和重新创建带有工具提示的图形?

我使用 Antv/G6 创建了一个图表,这个图表有工具提示。它工作正常。但是,如果我销毁并重新创建图表(参见下面的代码),图表会重新显示,但工具提示不再显示。任何想法都将不胜感激,因为我目前不知所措。

0 投票
0 回答
31 浏览

javascript - 为什么在 Antv/G6 中创建/销毁/创建图形时 Tooltips 会消失

我正在使用 Vue 3 和 antv/G6,当我绘制图表(带有工具提示)、销毁图表并重绘它时,工具提示会消失。这是一个最小的工作示例。我只展示了 Vue 代码。如果需要,我也可以提供 javascript 代码来操作图表。任何见解都值得赞赏。