{
  "order": 8,
  "key": "funnel-chart",
  "type": "funnel-chart",
  "name": "漏斗图",
  "description": "展示流程各阶段的数量和逐级转化情况",
  "tags": [
    "charts",
    "漏斗图",
    "funnel-chart"
  ],
  "renderer": "echarts",
  "group": "charts",
  "icon": "solar:filter-bold",
  "sample_data": true,
  "usage_notes": [
    "默认图表数据仅用于演示，不是真实业务数据",
    "通过顶层 dataId 关联已有数据源，当前后端尚未实现绑定操作"
  ],
  "field_groups": [
    "node-base",
    "chart-title",
    "chart-legend",
    "chart-palette",
    "chart-item-series",
    {
      "key": "funnel-shape",
      "label": "漏斗",
      "description": "漏斗的排序和层间距",
      "fields": [
        {
          "path": "props.option.series.0.sort",
          "label": "排序",
          "description": "各层按数值排列的方向",
          "value_type": "enum",
          "options": [
            {
              "value": "descending",
              "label": "从大到小（正漏斗）"
            },
            {
              "value": "ascending",
              "label": "从小到大（倒漏斗）"
            },
            {
              "value": "none",
              "label": "按数据顺序"
            }
          ],
          "aliases": [
            "方向",
            "顺序"
          ],
          "panel": false
        },
        {
          "path": "props.option.series.0.gap",
          "label": "层间距",
          "description": "相邻两层之间的间隔",
          "value_type": "number",
          "minimum": 0,
          "maximum": 40,
          "unit": "px",
          "aliases": [
            "间隔",
            "间距"
          ],
          "panel": false
        }
      ]
    },
    "chart-encode-item"
  ],
  "eventOptions": [
    {
      "label": "点击事件",
      "value": "click"
    },
    {
      "label": "双击事件",
      "value": "dblclick"
    },
    {
      "label": "鼠标进入事件",
      "value": "mouseenter"
    },
    {
      "label": "鼠标离开事件",
      "value": "mouseleave"
    },
    {
      "label": "鼠标按下事件",
      "value": "mousedown"
    },
    {
      "label": "鼠标抬起事件",
      "value": "mouseup"
    },
    {
      "label": "鼠标移动事件",
      "value": "mousemove"
    },
    {
      "label": "鼠标滚轮事件",
      "value": "mousewheel"
    },
    {
      "label": "生命周期事件",
      "value": "vnodeMounted"
    }
  ],
  "schema": {
    "type": "funnel-chart",
    "name": "漏斗图",
    "layout": {
      "x": 0,
      "y": 0,
      "width": 400,
      "height": 280
    },
    "props": {
      "option": {
        "color": [
          "#409eff",
          "#67c23a",
          "#e6a23c",
          "#f56c6c",
          "#909399"
        ],
        "legend": {
          "top": 38,
          "left": "center",
          "itemWidth": 12,
          "itemHeight": 8,
          "show": true,
          "textStyle": {
            "color": "#cfd3dc"
          }
        },
        "title": {
          "text": "转化漏斗",
          "top": 8,
          "left": "center",
          "textStyle": {
            "color": "#e5eaf3",
            "fontSize": 16
          }
        },
        "tooltip": {
          "trigger": "item"
        },
        "dataset": {
          "source": [
            {
              "stage": "访问",
              "value": 100
            },
            {
              "stage": "咨询",
              "value": 72
            },
            {
              "stage": "下单",
              "value": 48
            },
            {
              "stage": "成交",
              "value": 26
            }
          ]
        },
        "series": [
          {
            "name": "转化",
            "type": "funnel",
            "top": 72,
            "bottom": 16,
            "left": "12%",
            "width": "76%",
            "minSize": "16%",
            "maxSize": "100%",
            "sort": "descending",
            "gap": 4,
            "label": {
              "color": "#cfd3dc"
            },
            "itemStyle": {
              "borderColor": "transparent"
            },
            "encode": {
              "itemName": "stage",
              "value": "value"
            }
          }
        ]
      }
    },
    "style": null,
    "events": []
  }
}