【AntV-图分析可视化】Graphin安装及介绍

1-AntV-图分析可视化 Graphin安装及介绍

简介

• 官网
• G6
• Graphin

安装

• 快速上手
  • 该演示版本比较低, 需要去 github 上安装最新的 @antv/graphin
• 当前安装版本
  • “@antv/graphin”: “^1.4.0”
  • “@antv/graphin-components”: “^1.4.0”
  • “antd”: “^4.5.4”,
  • “react”: “^16.11.0”,
  • “react-dom”: “^16.11.0”,
  • “react-scripts”: “^3.4.3”
• 建议使用 cnpm 来安装, 毕竟是国产
• node 版本选用最新 LTS 就行
• demo下载

启动

> npm run start
You can now view graphin in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.0.100:3000

问题

1. ERROR:root:code for hash md5 was not found.

openssl 使用异常导致的

# 查找已安装的 openssl
> ls /usr/local/Cellar/openssl
1.0.2r

# brew 切换一下
> brew switch openssl 1.0.2r
Cleaning /usr/local/Cellar/openssl/1.0.2r
Opt link created for /usr/local/Cellar/openssl/1.0.2r

2. Cannot read property ‘Marker’ of undefined

• https://github.com/antvis/Graphin/issues/55
  • 这是由于@antv/graphin暂时不兼容 @antv/[email protected] 导致的。可以把@antv/g6版本限制在 ~3.2。兼容性问题会在下个版本解决
• 官方示例版本比较低，可升级为最新版本

3. Attempted import error: ‘Icon’ is not exported from ‘antd’.

• v4 版本的 ant-design 使用如下方式导入

import Icon from '@ant-design/icons';