Questions tagged [antv]
The antv tag has no usage guidance.
25
questions
0
votes
1
answer
31
views
change text of antv s2 options, sort
I'm using antv s2, I have the following question, I'm trying to change the text of the content of the table, to sort either ascending or descending, but I can't find the option, does anyone know how ...
0
votes
1
answer
32
views
Create an object based on items in a list - javascript
this.items is a list of items read from a database. For each item in the list I want to create the Shape.Rect-object and load them into a function called stencil.load. This function cannot add items ...
0
votes
0
answers
28
views
How to reference div container in vue3 (js) - antv/x6
How do I reference contaniner from template within the script?
<template>
<div id="container"></div>
</template>
<script>
import { Graph, Node, Shape, Edge } ...
0
votes
0
answers
23
views
How to add icons inside node in Ant design Radial graph component?
I need to add different icons for each node in Radial graph component
I saw Ant Design documentation, there were some properties to change node type to circle, rect, icon-node. But not explained how ...
0
votes
0
answers
21
views
combinatorial and advanced scheduling problems in antv S2
Language: JS
Set the intra group sorting, then set the advanced sorting, and then cancel the advanced sorting. The table does not return to the intra group sorting state, but to the original state
I ...
0
votes
0
answers
91
views
@antv/graphin and Jotai/Zustand leads to Error
Codesandbox: https://codesandbox.io/s/graphin-jotai-g2n4je?file=/src/App.tsx
I get the following error
Uncaught TypeError: Cannot read properties of undefined (reading 'manipulateBehaviors')
at ...
0
votes
0
answers
25
views
Unable to get proper node and edge data in a react antv/g6 application
I'm trying to load data from the redux store into a react, Antv/G6 application. But the returned data differs in its edge and node properties. For instance, an edge element when fetched from the redux ...
0
votes
0
answers
41
views
Graphin change format when Reload page React
I create all the Graphin setup and nodes are coming from a data file.
The problem is that when there is some reload on the page I lose the concentric format on the canvas and go back to a linear ...
0
votes
1
answer
514
views
antV chart design legend
please I want to make legend in this chart based on the 'action' value.
I just got 'sell' for the both lines:
enter image description here
The code:
const config = {
data,
xField: 'createdAt'...
0
votes
0
answers
604
views
AntV Pie Chart Plot Click event referring to the initial state variable value , not accessing the updated state value
import React, { useState } from 'react';
import 'antd/dist/antd.css';
import { Select, Button } from 'antd';
import { Pie } from '@ant-design/plots';
export default function App() {
const [...
0
votes
0
answers
93
views
How to use animation in antv g2
antv g2 annotation how to add animation for arc type?
chart.annotation().arc({
start: [0, 1],
end: [data[0].value, 1],
style: {
stroke: '#1890FF',
lineWidth: 18,
lineDash: null,
},
...
1
vote
1
answer
200
views
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 ...
1
vote
0
answers
338
views
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 ...
0
votes
1
answer
194
views
How do I destroy and recreate a graph with tooltips in anti/G6?
I create a graph using Antv/G6, and this graph has tooltips. It works properly. However, if I destroy and recreate the graph (see code below), the graph redisplays, but the tooltips are no longer ...
2
votes
2
answers
134
views
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 ...
3
votes
1
answer
782
views
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 = ...
2
votes
1
answer
190
views
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 ...
0
votes
1
answer
619
views
How do I hover over edges in Antv/G6?
I am learning to use antv/G6 for network visualization. I have hover over nodes working properly (nodes are steelblue and change to red when hovering.) However over edges is not working properly. An ...
0
votes
1
answer
1k
views
antv/g6 and react. How to update graph?
I have a graph and need to update it after clicking on the button. But it creates a new canvas every time.
What am I doing wrong?
https://codesandbox.io/s/gallant-galileo-ye91n
const Graph = () => {...
0
votes
1
answer
1k
views
click event not firing in antd menu item
I'm creating a dynamic menu using vue3 and antdv
MenuItem.vue
<template>
<slot name="menu-item" :items="[data]" />
</template>
<script lang="ts"&...
0
votes
0
answers
192
views
How to access district by district name in antv using React js?
I want to create a map for showing the number of products selling in a particular district of India. in the backend, I have data like "West Delhi" name of the district and total count.I want ...
0
votes
0
answers
440
views
How to "disable" the word-wrap in the legend text of chart made with antV library?
So I am working on front-end and I am using Ant design library for stacked area charts. Everything else is working quite perfect so far but the text in legend is bit long so it is getting wrapped with ...
1
vote
1
answer
283
views
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 ...
0
votes
1
answer
355
views
G2Plot AntV library. Customize a Bullet Chart tooltip (display names instead of indices)
Is it possible to customize a tooltip of a Bullet Chart to display names instead of indices?
0
votes
1
answer
1k
views
Type '(d: { value: number }) => number' is not assignable to type 'number'
While the code works, the type-checker complains about how this delegate method is assigned to property...
Property fontSize expects type of number. However, it is a transform, and somehow there is ...