g6/packages/site/docs/manual/advanced/remote-data.zh.md
Aaron e08c299a69
docs: update v5 site docs (#5162)
* docs: remove readme and navigation in site

* docs: remove v4 core concept docs

* docs: update history and lod plugin docs

* chore: update dumirc config

* docs: add api shape overview doc

* docs: update manual docs

* docs: update manual and tutorial docs

* chore: update dumirc

* docs: remove design sector

* docs: update docs meta data

* docs: update api docs
2023-11-20 09:50:36 +08:00

715 B

title
远程数据源

如果你的数据不是在本地,而是在远程服务器上,你可以采取下列两种方式处理:

方式一:等待远程数据加载完成后再创建图实例

import { Graph } from '@antv/g6';

async function init() {
  const data = await fetch('data source url').then((res) => res.json());

  const graph = new Graph({
    // ... 其他配置项
    data,
  });
}

方式二:在图实例创建完成后再加载远程数据

import { Graph } from '@antv/g6';

const graph = new Graph({
  // ... 其他配置项
});

fetch('data source url')
  .then((res) => res.json())
  .then((data) => {
    // 加载数据
    graph.read(data);
  });