{ "order": 12, "key": "rose-chart", "type": "rose-chart", "name": "玫瑰图", "description": "用扇区半径展示各类目数值大小的饼图变体,差异比普通饼图更醒目", "tags": [ "charts", "玫瑰图", "rose-chart", "南丁格尔", "占比" ], "renderer": "echarts", "group": "charts", "icon": "solar:pie-chart-bold", "usage_notes": [ "默认图表数据仅用于演示,不是真实业务数据", "通过顶层 dataId 关联已有数据源,当前后端尚未实现绑定操作" ], "field_groups": [ "node-base", "chart-title", "chart-legend", "chart-palette", "chart-item-series", { "key": "rose-shape", "label": "玫瑰", "description": "玫瑰图的类型和半径", "fields": [ { "path": "props.option.series.0.roseType", "label": "玫瑰类型", "description": "扇区如何体现数值", "value_type": "enum", "options": [ { "value": "area", "label": "面积模式", "description": "各扇区圆心角相同,半径体现数值" }, { "value": "radius", "label": "半径模式", "description": "圆心角和半径都体现数值" } ], "aliases": [ "模式" ] }, { "path": "props.option.series.0.radius", "label": "内外半径", "description": "两个百分比依次为内半径和外半径,相对组件较短边的一半,例如 [\"12%\", \"62%\"]", "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": "rose-chart", "name": "玫瑰图", "layout": { "x": 0, "y": 0, "width": 400, "height": 260 }, "props": { "option": { "color": [ "#409eff", "#67c23a", "#e6a23c", "#f56c6c", "#909399", "#b37feb" ], "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": [ { "region": "华东", "value": 40 }, { "region": "华南", "value": 33 }, { "region": "华北", "value": 28 }, { "region": "西南", "value": 22 }, { "region": "华中", "value": 20 }, { "region": "西北", "value": 15 } ] }, "series": [ { "name": "区域", "type": "pie", "roseType": "area", "radius": [ "12%", "62%" ], "center": [ "50%", "62%" ], "itemStyle": { "borderRadius": 4 }, "encode": { "itemName": "region", "value": "value" } } ] } }, "style": null, "events": [] } }