{
  "order": 4,
  "key": "pie-chart",
  "type": "pie-chart",
  "name": "饼图",
  "description": "展示各部分占整体的比例，适合类目不多的占比数据",
  "tags": [
    "charts",
    "饼图",
    "pie-chart"
  ],
  "renderer": "echarts",
  "group": "charts",
  "icon": "solar:pie-chart-2-bold",
  "usage_notes": [
    "默认图表数据仅用于演示，不是真实业务数据",
    "通过顶层 dataId 关联已有数据源，当前后端尚未实现绑定操作"
  ],
  "field_groups": [
    "node-base",
    "chart-title",
    "chart-legend",
    "chart-palette",
    "chart-item-series",
    "chart-dataset",
    "chart-encode-item"
  ],
  "event_groups": [
    "dom-events",
    "chart-events"
  ],
  "rows_path": "props.option.dataset.source",
  "data_source": true,
  "schema": {
    "type": "pie-chart",
    "name": "饼图",
    "layout": {
      "x": 0,
      "y": 0,
      "width": 400,
      "height": 260
    },
    "props": {
      "option": {
        "color": [
          "#409eff",
          "#67c23a",
          "#e6a23c",
          "#f56c6c",
          "#909399"
        ],
        "legend": {
          "top": 38,
          "left": "center",
          "itemWidth": 12,
          "itemHeight": 8,
          "show": true
        },
        "title": {
          "text": "访问来源占比",
          "top": 8,
          "left": "center",
          "textStyle": {
            "fontSize": 16
          }
        },
        "tooltip": {
          "trigger": "item"
        },
        "dataset": {
          "source": [
            {
              "channel": "搜索引擎",
              "value": 1048
            },
            {
              "channel": "直接访问",
              "value": 735
            },
            {
              "channel": "社交媒体",
              "value": 484
            },
            {
              "channel": "广告投放",
              "value": 300
            }
          ]
        },
        "series": [
          {
            "name": "访问来源",
            "type": "pie",
            "center": [
              "50%",
              "62%"
            ],
            "avoidLabelOverlap": true,
            "encode": {
              "itemName": "channel",
              "value": "value"
            }
          }
        ]
      }
    },
    "style": null,
    "events": []
  }
}