桑基图

组件说明

桑基图即桑基能量分流图，也叫桑基能量平衡图。它是一种特定类型的流程图，右图中延伸的分支的宽度对应数据流量的大小，通常应用于能源、材料成分、金融等数据的可视化分析。

效果案例

样式

在样式中可以设置组件的基本属性、全局和系列配置。

1. 基本属性

• 位置尺寸
  位置包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。尺寸包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高，比例锁默认不锁定。

2. 全局

• 边距
  基本图表距离整个组件四边（上、下、左、右）的边距
• 全局样式
  
• 数值标签
  
• 线样式
  
• 提示框
  

3. 系列

配置项	说明
映射	字段名和显示名之间的映射。
颜色	对应系列显示颜色。

数据

点击查看数据结构

[
  {
    "source": "安徽",
    "target": "江苏 ",
    "value": 18.68
  },
  {
    "source": "安徽",
    "target": "浙江 ",
    "value": 12.38
  },
  {
    "source": "广西",
    "target": "广东 ",
    "value": 30.36
  },
  {
    "source": "江西",
    "target": "广东 ",
    "value": 12.48
  },
  {
    "source": "江西",
    "target": "浙江 ",
    "value": 12.67
  },
  {
    "source": "青海",
    "target": "广东 ",
    "value": 13.47
  },
  {
    "source": "青海",
    "target": "浙江 ",
    "value": 11.03
  },
  {
    "source": "湖南",
    "target": "广东 ",
    "value": 19.11
  },
  {
    "source": "四川",
    "target": "重庆 ",
    "value": 15.02
  },
  {
    "source": "湖北",
    "target": "广东 ",
    "value": 11.66
  }
]