代码拉取完成,页面将自动刷新
同步操作将从 antv/Graphin 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
简体中文 | English
Graphin 取名意为 Graph Insight(图的分析洞察),是一个基于 G6 封装的 React 组件库。简单,高效,开箱即用。它的 Logo 是一个石墨烯(Graphene),意为蕴藏未来的潜力。
Graphin 采用 lerna 管理仓库,packages 中包含以下 4 个 package:
/packages
graphin
graphin-components
graphin-studio
graphin-site
他们依次对应的包名与解释如下:
包名 | 说明 |
---|---|
@antv/graphin | Graphin 中的图分析内核,基于 G6 封装 的 React 组件 |
@antv/graphin-components | Graphin 中的图分析组件 |
@antv/graphin-site | Graphin 文档官网 |
graphin-studio | Graphin 演示 DEMO:基于 Graphin 实现的通用关系分析平台 |
npm run --save @antv/graphin
import React from 'react';
import ReactDOM from 'react-dom';
import Graphin, { Utils } from '@antv/graphin';
import '@antv/graphin/dist/index.css'; // 别忘了引入Graphin CSS
import './styles.css';
const App = () => {
const data = Utils.mock(10).graphin();
return (
<div className="App">
<Graphin data={data} />
</div>
);
};
const rootElement = document.getElementById('root');
ReactDOM.render(<App />, rootElement);
Graphin 版本 | G6 版本 |
---|---|
before 1.0.1 | 3.1.9 |
^1.0.2 | ^3.2.0 |
在 lerna.json 中设置你的 npmClient,中国地区的朋友可以设置 cnpm
// ./lerna.json
{
"packages": ["packages/*"],
"npmClient": "cnpm",
"version": "0.0.0"
}
cnpm i
npm run bootstrap
npm run start
npm run start
后,启动 Graphin Demo:Graphin Studionpm run studio
npm run site
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。