200 lines
4.4 KiB
JSON
200 lines
4.4 KiB
JSON
{
|
|
"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"
|
|
],
|
|
"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": "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": []
|
|
}
|
|
}
|