Questions tagged [antv]
32 questions
3
votes
1 answer
Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'appendChild')
I am making a choropleth Map of AntV in React.js by using functional component. Here is my chart code:
import DataSet from '@antv/data-set';
import { Chart } from '@antv/g2';
const CustomerByRegion = () => {
const [chartData , setChartData] =…

Mani
- 43
- 5
2
votes
2 answers
Data wrong display using @antv/g2plot.js version 2+
I have been trying to use G2plot (https://g2plot.antv.vision/) for a basic line graph. I made some tests a while ago with the 1.28 version and it was working fine. I removed some config that became obsolete and tried the latest version but the…

lioleveau
- 518
- 1
- 6
- 23
2
votes
1 answer
Can we use React Component in the getContent function of G6.menu?
As the document says, the getContent function returns HTMLDivElement / string.
Can we use React Component in the getContent function of G6.menu?
Reproduction link
Steps to reproduce
I try to assign a React Component in the innerHTML but it does not…

A.Chao
- 333
- 4
- 15
1
vote
0 answers
How can I wrap words in g6-react-node like CSS word-wrap
When create a custom node using g6-react-node in antv/g6, how can I break text lines to multiple lines when it's exceed the max width of node like CSS word-wrap?
I hope someone can help me on this. Thank you.
This is the custom node layout what I…

TBuddhi
- 11
- 2
1
vote
0 answers
AntV Sankey chart issue when the there are two or more same source name for different columns/category
I am making a sankey chart
There are cases when I am setting a source which belongs to one dimension and another source with the same name which belongs to another dimension, the chart treats both as same as the source name is same, is there any way…
1
vote
1 answer
g6.js ant : Can not switch back and forth between two layouts
I am testing g6.js feasibility for a project. I am trying out G6 with React and so far looks good. One of the test is to switch between different layouts on button clicks. I coded where the visualization / layout switches forward (i.e. first time)…

Anil_M
- 10,893
- 6
- 47
- 74
1
vote
0 answers
antv Column chart - Is it possible to sort xField values which contain string date?
I am using antv basic Column chart in React app. I am trying to display dates on X axis. All the dates are formatted to DD.MM.YYYY and inputed to chart as string. For some reason It is never sorted correctly.
Please, does anyone encountered this…

Zoltán Strcuľa
- 11
- 3
1
vote
1 answer
React enzyme jest test cases are failing with antv g2plot
I'm using the React Enzyme Jest module to test my React app which contains the antv/g2plot module for charts. While I am using the module, the test case isn't running but after removing it, it's working perfectly fine. There is a problem with the…

Coolen
- 75
- 1
- 6
0
votes
0 answers
Rendering graph using G6 module in Ant Design (React)
I am trying to render a graph with 2708 nodes and 10000 edges using G6 module in AntV library. Although the data is fetched correctly and has the same format as the data which has been said in examples, no node and edge is shown.
This is my Graph…

Aylin Naebzadeh
- 67
- 7
0
votes
0 answers
How to build a Line chart on g2plot so that the series are built from numeric fields
guys!
I'm woking with library using full api of https://g2plot.antv.antgroup.com/en/api/plots/line
(https://consta.design/libs/charts/components-line-stable/dev)
The data looks like an array of similar objects
{category: 'Cat1', sum: 2681, avg:…

enigmaster90
- 1
- 1
0
votes
0 answers
How can I make this same graph ant g2 plot
I'm trying to implement this same graph, I almost have it but I can't put the titles that are in gray, for each category to each subgroup, do you know how to do it?
that's how I have it so far
I am using react and ant g2 plot, I leave you the link…

danilo rojas
- 15
- 3
0
votes
0 answers
Antv X6 Stencil Drag and Drop Feature
I use @antv/x6 library and I've just created a very simple demo using codesandbox.
https://codesandbox.io/s/ancient-river-w7n77x?file=/src/App.vue
I'm trying to do a simple behavior with stencil. In this example I create two nodes Node 1 and Node…

Salih Kesepara
- 17
- 3
0
votes
0 answers
AntV React. Possible to get the data currently displayed by a slider?
I got a antv DualAxes and i use a slider. I need to have access to the data currently display, but i can't find out how because my 'data' state didn't change, the data that don't appear in the graph still in 'data' but just antv dont display him. So…

Xeralya
- 1
- 1
0
votes
1 answer
ANTV npm install fails
Installing ANTV fails without --legacy-peer-deps option.
NPM install fails with:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @ant-design/charts@1.4.2
npm ERR! Found: @ant-design/icons@5.0.1
npm ERR!…
0
votes
0 answers
How to display the antd charts
I am using this example from AntV charts. However, When I import this function, I get an error that says
export 'default' (imported as 'IdeaStatusDonut') was not found in '../Insights/IdeaStatusDonut' (module has no exports)
How do I call this…

Ahmed Nizami
- 31
- 6