问题标签 [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 投票
1 回答
722 浏览

javascript - 类型 '(d: { value: number }) => number' 不可分配给类型 'number'

虽然代码有效,但类型检查器抱怨如何将此委托方法分配给属性......

属性fontSize需要number. 但是,它是一种转换,并且不知何故有一个具有value需要转换为 type的属性的字体对象number

方法签名从字体对象数组中提取(对象的破坏?)属性value。值的示例是 97。

输入:fontObj => { ..., value }

类型检查器报告错误:

类型 '(d: { value: number }) => number' 不可分配给类型 'number'

当然,仅分配一个数字值就可以解决掉毛问题,但这里的目标是将传入的字体大小值转换为合适的比例。如何做到这一点并满足类型检查器?

谢谢!

打字:

位置:node_modules > @antv > 数据集 > lib > 转换 > tag-cloud.d.ts

0 投票
1 回答
128 浏览

reactjs - G2Plot AntV 库。自定义子弹图工具提示(显示名称而不是索引)

是否可以自定义子弹图的工具提示以显示名称而不是索引?

在此处输入图像描述

0 投票
1 回答
122 浏览

reactjs - 使用 antv g2plot 反应酶开玩笑测试用例失败

我正在使用 React Enzyme Jest 模块来测试我的 React 应用程序,其中包含antv/g2plot图表模块。当我使用该模块时,测试用例没有运行,但在删除它之后,它工作得非常好。我认为模型有问题。你知道任何可能的解决方案吗?

我正在尝试测试在测试时使用antv/g2plot图表模块的文件。它失败并给出了一个不相关的随机错误(我的 React 应用程序中未定义错误变量)。如果我尝试在没有此文件的情况下运行测试,它运行得很好,但它会返回此错误。

在此处输入图像描述

0 投票
0 回答
125 浏览

reactjs - 如何“禁用”用antV库制作的图表图例文本中的自动换行?

所以我在前端工作,我正在使用Ant 设计库来制作堆积面积图。到目前为止,其他一切都非常完美,但图例中的文本有点长,所以默认情况下它会被省略号包裹。我尝试了很多选择,但到目前为止没有任何效果。我希望图例显示所有文本并禁用自动换行,无论文本有多长。注意:这是我关于 stackoverflow 的第一个问题,所以请随时询问我错过的任何内容。

0 投票
0 回答
72 浏览

reactjs - 如何使用 React js 在 antv 中按地区名称访问地区?

我想创建一张地图来显示在印度特定地区销售的产品数量。在后端,我有诸如“西德里”地区名称和总数之类的数据。我想在 ant vision L7 地区地图中显示数据。但无法理解他们如何使用数据。

0 投票
1 回答
612 浏览

vue.js - 单击事件未在 antd 菜单项中触发

我正在使用 vue3 和 antdv 创建一个动态菜单

菜单项.vue

菜单组.vue

布局.vue

编辑:在菜单里面放一个普通的菜单项会触发点击事件

我的项目数组:

代码看起来可以正常工作,但是当我单击子菜单keyc时,函数handleMenuClick被调用,通过单击keya没有任何反应......我做错了什么?

沙盒

0 投票
1 回答
335 浏览

reactjs - antv/g6 并做出反应。如何更新图表?

我有一个图表,点击按钮后需要更新它。但它每次都会创建一个新的画布。

我究竟做错了什么?

https://codesandbox.io/s/gallant-galileo-ye91n

0 投票
0 回答
22 浏览

reactjs - G2 - Antv - 标记堆叠值的总和

我目前正在尝试使用以下库 G2(https://g2.antv.vision/en)来显示一些统计图表。对于这些数据,我使用堆叠的柱形图,但是我很难找到一种方法来在顶部标记我的堆叠值的总和。

有人知道如何使用 .label 方法来做这样的事情。

干杯,

0 投票
1 回答
199 浏览

javascript - 如何将鼠标悬停在 Antv/G6 的边缘上?

我正在学习使用 antv/G6 进行网络可视化。我将鼠标悬停在正常工作的节点上(节点为钢蓝色,悬停时变为红色。)但是在边缘上无法正常工作。当鼠标进入其形状时,边缘会改变颜色。但是,一旦鼠标离开,颜色不会恢复为默认值。我创建了一个具有四个节点和两条边的 MWE。任何帮助是极大的赞赏。谢谢。代码如下并且是自包含的。我通常http-server在装有 BigSur, OS11.4 的 Macbook Pro 上使用 Chrome、Firefox 和 Safari 运行并获得类似的行为。

索引.html

index.js

0 投票
1 回答
51 浏览

reactjs - 我们可以在 G6.menu 的 getContent 函数中使用 React Component 吗?

文档所述, getContent 函数返回HTMLDivElement / string.

我们可以在 G6.menu 的 getContent 函数中使用 React Component 吗?

转载链接

在 CodeSandbox 上编辑

重现步骤

我尝试在 innerHTML 中分配一个 React 组件,但它不起作用。 在此处输入图像描述

环境 信息
g6 4.3.4
系统 macOS 10.15.6
浏览器 铬 91.0.4472.77