数据可视化
AntV G2/G6 学习
前端.攻城狮
我大意了
展开
-
antv/g6 怎么按条件自定义节点颜色
const graph = new G6.Graph({ defaultNode: { size: 60, style: { fill: “#2db7f5”, // 节点背景色 stroke: “666”, // 节点边框颜色 lineWidth: 10, //节点宽度 strokeOpacity: 0.5, //边框透明度 }, labelCfg: { s..原创 2020-11-05 16:34:00 · 8201 阅读 · 3 评论 -
antv/g6 怎么自定义节点提示信息
需求中经常需要实现鼠标滑动到节点时,可以提示出想要的信息,g6是这么自定义的,我用的是angular框架,其他主流框架应该也差不多。// 在modes 属性中 写formatText方法modes:{ default: [“drag-node”, “zoom-canvas”, { // 以下是自定义提示的重点 type: “tooltip”, formatText: (data: any) => { // data 对应后台返回对应节点的所有数据,根原创 2020-11-05 16:15:01 · 4658 阅读 · 1 评论 -
主流框架中快速使用 AntV G6图可视化
什么是 G6G6 是一个前端图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等基础的图可视化能力。让用户看到的数据关系变得透明,简单。官方API文档:https://g6.antv.vision/zh/docs/api/Graph一、安装 & 引用 npm install --save @antv/g6 // 安装 import G6 from '@antv/g6' // 在需要用的 G6 的 JS 文件中导入二、快速使用步骤创建关系图的 HTML 容器;数据准备原创 2020-11-01 14:24:56 · 3042 阅读 · 0 评论