mirror of
https://gitee.com/antv/g6.git
synced 2024-12-07 06:08:30 +08:00
45750f7790
* refactor(site): adjust script * feat(site): add script that can sort docs in specific folder * docs: remove apis folder * docs: add getting-started for chinese version * docs: add core-concept for chinese version * docs: add upgrade for chinese version * docs: remove quick-start * refactor(site): add createGraph global utils * docs: add extension in core concept
1.1 KiB
1.1 KiB
<template>
<div id="container"></div>
</template>
<script setup>
import { onMounted } from 'vue';
import { Graph } from '@antv/g6';
onMounted(() => {
const graph = new Graph({
container: document.getElementById('container'),
width: 500,
height: 500,
data: {
nodes: [
{
id: 'node-1',
style: { x: 50, y: 100 },
},
{
id: 'node-2',
style: { x: 150, y: 100 },
},
],
edges: [{ id: 'edge-1', source: 'node-1', target: 'node-2' }],
},
});
graph.render();
});
</script>