{
  "order": 5,
  "key": "ring-chart",
  "type": "ring-chart",
  "name": "环形图",
  "description": "中间留空的饼图，展示各部分占整体的比例",
  "tags": [
    "charts",
    "环形图",
    "ring-chart"
  ],
  "renderer": "echarts",
  "group": "charts",
  "icon": "solar:pie-chart-3-bold",
  "usage_notes": [
    "默认图表数据仅用于演示，不是真实业务数据",
    "通过顶层 dataId 关联已有数据源，当前后端尚未实现绑定操作"
  ],
  "field_groups": [
    "node-base",
    "chart-title",
    "chart-legend",
    "chart-palette",
    "chart-item-series",
    {
      "key": "ring-shape",
      "label": "环形",
      "description": "环形的内外半径",
      "fields": [
        {
          "path": "props.option.series.0.radius",
          "label": "内外半径",
          "description": "两个百分比依次为内半径和外半径，相对组件较短边的一半，例如 [\"42%\", \"68%\"]；内半径越大环越细",
          "value_type": "array",
          "item_type": "string",
          "aliases": [
            "环宽",
            "半径",
            "环的粗细"
          ],
          "panel": false
        }
      ]
    },
    "chart-dataset",
    "chart-encode-item"
  ],
  "event_groups": [
    "dom-events",
    "chart-events"
  ],
  "rows_path": "props.option.dataset.source",
  "data_source": true,
  "schema": {
    "type": "ring-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": [
            {
              "device": "桌面端",
              "value": 1048
            },
            {
              "device": "移动端",
              "value": 735
            },
            {
              "device": "平板",
              "value": 380
            },
            {
              "device": "其他",
              "value": 184
            }
          ]
        },
        "series": [
          {
            "name": "设备",
            "type": "pie",
            "radius": [
              "42%",
              "68%"
            ],
            "center": [
              "50%",
              "62%"
            ],
            "avoidLabelOverlap": true,
            "encode": {
              "itemName": "device",
              "value": "value"
            }
          }
        ]
      }
    },
    "style": null,
    "events": []
  }
}