漏斗图

组件说明

漏斗图可以以漏斗或者金字塔的形式分层显示不同数据系列占比情况。

效果案例

An image

样式

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

1. 基本属性

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

2. 全局

  • 边距
    基本图表距离整个组件四边(上、下、左、右)的边距
  • 数值标签
    An image
  • 图例
    An image

3. 系列

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

数据

点击查看数据结构
[
  {
    "seriesName": "系列一",
    "value": 200
  },
  {
    "seriesName": "系列二",
    "value": 150
  },
  {
    "seriesName": "系列三",
    "value": 100
  },
  {
    "seriesName": "系列四",
    "value": 50
  }
]