知识图谱|【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.
【知识图谱|【AntV-图分析可视化】Graphin安装及介绍】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

  1. Cannot read property ‘Marker’ of undefined
  • https://github.com/antvis/Graphin/issues/55
    • 这是由于@antv/graphin暂时不兼容 @antv/g6@3.3 导致的。可以把@antv/g6版本限制在 ~3.2。兼容性问题会在下个版本解决
  • 官方示例版本比较低,可升级为最新版本
  1. Attempted import error: ‘Icon’ is not exported from ‘antd’.
  • v4 版本的 ant-design 使用如下方式导入
import Icon from '@ant-design/icons';

    推荐阅读