GraphVis图可视化分析组件库 GraphVis图可视化分析组件库
  • 基础介绍
  • 基础功能
  • 交互功能
  • 全局统一配置
  • 标准数据格式定义
  • 组件接口导航
  • 应用开发介绍

    • 快速上手
    • 应用开发步骤
    • VUE框架中应用
    • 业务应用基础流程
  • 事件注册

    • 节点事件
    • 连线事件
    • 场景事件
  • 右键菜单

    • 右键菜单的定义
  • 图布局算法应用

    • 布局算法类型
    • 布局参数说明
    • 布局参数默认配置
  • 图分析算法应用

    • 图的路径分析
    • 节点中心性分析
    • 聚类分析
  • 关系扩线

    • 关系扩线
  • 节点模板配置

    • 自定义节点模板
    • 使用字体图标
  • 关系图类型

    • 层级关系图
    • 流程图
    • 弧线关系图
    • Sankey桑基图
  • 树图类型

    • 径向辐射树图
    • 紧凑树图
    • 缩进树图
    • 打包树图
    • 组织结构图
    • 类思维脑图
应用案例
商用授权
在线示例 (opens new window)
  • 基础介绍
  • 基础功能
  • 交互功能
  • 全局统一配置
  • 标准数据格式定义
  • 组件接口导航
  • 应用开发介绍

    • 快速上手
    • 应用开发步骤
    • VUE框架中应用
    • 业务应用基础流程
  • 事件注册

    • 节点事件
    • 连线事件
    • 场景事件
  • 右键菜单

    • 右键菜单的定义
  • 图布局算法应用

    • 布局算法类型
    • 布局参数说明
    • 布局参数默认配置
  • 图分析算法应用

    • 图的路径分析
    • 节点中心性分析
    • 聚类分析
  • 关系扩线

    • 关系扩线
  • 节点模板配置

    • 自定义节点模板
    • 使用字体图标
  • 关系图类型

    • 层级关系图
    • 流程图
    • 弧线关系图
    • Sankey桑基图
  • 树图类型

    • 径向辐射树图
    • 紧凑树图
    • 缩进树图
    • 打包树图
    • 组织结构图
    • 类思维脑图
应用案例
商用授权
在线示例 (opens new window)
  • 基础使用介绍

    • 基础介绍
    • 基础功能
    • 交互功能
    • 全局统一配置
      • 全局统一配置定义
    • 标准数据格式
  • 接口分类导航

    • 接口导航
    • 数据添加或查询类接口
    • 删除数据类操作接口
    • 快捷操作类接口
    • 功能类接口
    • 功能配置类接口
    • 图分析类接口
    • 图布局计算接口
    • 工具类接口
  • 应用开发介绍

    • 快速上手
    • 应用开发步骤
    • VUE框架中应用
    • 业务应用基础流程
  • 开发文档
  • 基础使用介绍
dubaopeng
2023-02-05
目录

全局统一配置

# 全局统一配置定义

提示

初始化客户端对象时可以指定全局统一的可视化配置,在添加数据时,会自动按照配置对节点和连线进行样式设定

{
    node: { //节点的默认配置
        label: { //标签配置
            show: true, //是否显示
            color: '50,50,50', //字体颜色
            font: 'normal 14px Arial', //字体大小及类型
            textPosition: 'Bottom_Center', //文字位置 Top_Center,Bottom_Center,Middle_Right
            textOffsetX: 0, //文字横向偏移量(默认不配置)
            textOffsetY: 0, //文字纵向偏移量(默认不配置)
            background: null //文字背景色(默认不配置)
        },
        shape: 'circle', //节点形状 circle,star,polygon,square
        color: '30,160,250', //节点颜色
        borderColor:'30,100,250',//边框颜色
        borderWidth: 0, //边框宽度
        tagColor:'230,30,30',//标记的颜色
        size: 60, //节点半径大小
        selected: { //选中时的样式设置
            borderColor: '50,50,230', //选中时边框颜色
            borderAlpha: 1, //选中时的边框透明度
            borderWidth: 5, //选中是的外部边框宽度
            showShadow: false, //是否展示阴影
            shadowColor: '80,160,240', //选中是的阴影颜色
            shadowBlur: 10 //阴影的范围大小
        }
    },
    link: { //连线的默认配置
        label: { //连线标签
            show: true, //是否显示
            color: '20,20,20', //字体颜色
            font: 'normal 13px Arial', //字体大小及类型
            background: null //文字背景色(有背景时上线居中)
        },
        lineType: 'straight', //连线类型,straight,curver,vlink,hlink,vbezier,hbezier
        color: '120,110,110', //连线颜色
        lineWidth: 2, //连线宽度
        showArrow: true, //显示连线箭头
        arrowType:'triangle',//箭头样式arrow,triangle
        selected: { //选中时的样式设置
            color: '50,50,230' //选中时的颜色
        }
    },
    highLightNeiber: false, //相邻节点高度标志
    wheelZoom: 0.9, //滚轮缩放开关,不使用时不设置
    selectBox:{ //框选区域的颜色配置
        color:'10,10,225', //框的颜色
        alpha: 0.1 //框的透明度
    }
} 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
交互功能
标准数据格式

← 交互功能 标准数据格式→

Theme by Vdoing | Copyright © 2020-2023 www.graphvis.cn. All rights reserved.
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式