From 15575b37d607bc769c3228415a7bf48372b3941d Mon Sep 17 00:00:00 2001 From: oldli <48485262@qq.com> Date: Thu, 23 Jul 2026 14:49:15 +0800 Subject: [PATCH] feat: add data dashboard ui schema example Co-Authored-By: Claude Sonnet 5 --- schema/examples/ui-dashboard.json | 317 ++++++++++++++++++++++++++++++ 1 file changed, 317 insertions(+) create mode 100644 schema/examples/ui-dashboard.json diff --git a/schema/examples/ui-dashboard.json b/schema/examples/ui-dashboard.json new file mode 100644 index 0000000..208a800 --- /dev/null +++ b/schema/examples/ui-dashboard.json @@ -0,0 +1,317 @@ +{ + "presentation": { + "layout": "LAYOUT_16x9", + "title": "数据看板 - UI Dashboard" + }, + "slides": [ + { + "background": { + "color": "F5F5F7" + }, + "objects": [ + { + "type": "shape", + "shapeName": "rect", + "options": { + "x": 0, + "y": 0, + "w": 10, + "h": 0.7, + "fill": { "color": "1A1A2E" } + } + }, + { + "type": "text", + "text": "数据看板", + "options": { + "x": 0.4, + "y": 0.15, + "w": 4, + "h": 0.4, + "fontSize": 22, + "fontFace": "Arial", + "color": "FFFFFF", + "bold": true + } + }, + { + "type": "text", + "text": "2026年7月", + "options": { + "x": 7.2, + "y": 0.15, + "w": 2.4, + "h": 0.4, + "fontSize": 13, + "fontFace": "Arial", + "color": "AAAAAA", + "align": "right" + } + }, + { + "type": "shape", + "shapeName": "rect", + "options": { + "x": 0, + "y": 0.7, + "w": 2.0, + "h": 4.925, + "fill": { "color": "F0F0F2" } + } + }, + { + "type": "text", + "text": "● 概览", + "options": { + "x": 0.3, + "y": 1.0, + "w": 1.5, + "h": 0.4, + "fontSize": 14, + "fontFace": "Arial", + "color": "6669E3", + "bold": true + } + }, + { + "type": "text", + "text": "○ 分析", + "options": { + "x": 0.3, + "y": 1.5, + "w": 1.5, + "h": 0.4, + "fontSize": 14, + "fontFace": "Arial", + "color": "666666" + } + }, + { + "type": "text", + "text": "○ 设置", + "options": { + "x": 0.3, + "y": 2.0, + "w": 1.5, + "h": 0.4, + "fontSize": 14, + "fontFace": "Arial", + "color": "666666" + } + }, + { + "type": "text", + "text": "○ 帮助", + "options": { + "x": 0.3, + "y": 2.5, + "w": 1.5, + "h": 0.4, + "fontSize": 14, + "fontFace": "Arial", + "color": "666666" + } + }, + { + "type": "shape", + "shapeName": "roundRect", + "options": { + "x": 2.3, + "y": 0.9, + "w": 2.3, + "h": 1.3, + "fill": { "color": "FFFFFF" }, + "rectRadius": 0.15, + "line": { "color": "E0E0E0", "width": 1 } + } + }, + { + "type": "text", + "text": "1,286", + "options": { + "x": 2.3, + "y": 1.0, + "w": 2.3, + "h": 0.4, + "fontSize": 28, + "fontFace": "Arial", + "color": "1A1A2E", + "bold": true, + "align": "center" + } + }, + { + "type": "text", + "text": "总用户", + "options": { + "x": 2.3, + "y": 1.6, + "w": 2.3, + "h": 0.3, + "fontSize": 13, + "fontFace": "Arial", + "color": "666666", + "align": "center" + } + }, + { + "type": "shape", + "shapeName": "roundRect", + "options": { + "x": 4.8, + "y": 0.9, + "w": 2.3, + "h": 1.3, + "fill": { "color": "FFFFFF" }, + "rectRadius": 0.15, + "line": { "color": "E0E0E0", "width": 1 } + } + }, + { + "type": "text", + "text": "¥58.2万", + "options": { + "x": 4.8, + "y": 1.0, + "w": 2.3, + "h": 0.4, + "fontSize": 28, + "fontFace": "Arial", + "color": "1A1A2E", + "bold": true, + "align": "center" + } + }, + { + "type": "text", + "text": "营收", + "options": { + "x": 4.8, + "y": 1.6, + "w": 2.3, + "h": 0.3, + "fontSize": 13, + "fontFace": "Arial", + "color": "666666", + "align": "center" + } + }, + { + "type": "shape", + "shapeName": "roundRect", + "options": { + "x": 7.3, + "y": 0.9, + "w": 2.3, + "h": 1.3, + "fill": { "color": "FFFFFF" }, + "rectRadius": 0.15, + "line": { "color": "E0E0E0", "width": 1 } + } + }, + { + "type": "text", + "text": "96.5%", + "options": { + "x": 7.3, + "y": 1.0, + "w": 2.3, + "h": 0.4, + "fontSize": 28, + "fontFace": "Arial", + "color": "1A1A2E", + "bold": true, + "align": "center" + } + }, + { + "type": "text", + "text": "满意度", + "options": { + "x": 7.3, + "y": 1.6, + "w": 2.3, + "h": 0.3, + "fontSize": 13, + "fontFace": "Arial", + "color": "666666", + "align": "center" + } + }, + { + "type": "table", + "rows": [ + [ + { "text": "项目", "options": { "bold": true, "fill": { "color": "6669E3" }, "color": "FFFFFF", "fontSize": 13 } }, + { "text": "进度", "options": { "bold": true, "fill": { "color": "6669E3" }, "color": "FFFFFF", "fontSize": 13 } }, + { "text": "负责人", "options": { "bold": true, "fill": { "color": "6669E3" }, "color": "FFFFFF", "fontSize": 13 } }, + { "text": "状态", "options": { "bold": true, "fill": { "color": "6669E3" }, "color": "FFFFFF", "fontSize": 13 } } + ], + [ + { "text": "首页改版", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "75%", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "张三", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "进行中", "options": { "fill": { "color": "D9E2F3" } } } + ], + [ + { "text": "用户系统", "options": { "fill": { "color": "FFFFFF" } } }, + { "text": "90%", "options": { "fill": { "color": "FFFFFF" } } }, + { "text": "李四", "options": { "fill": { "color": "FFFFFF" } } }, + { "text": "测试中", "options": { "fill": { "color": "FFFFFF" } } } + ], + [ + { "text": "数据迁移", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "60%", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "王五", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "进行中", "options": { "fill": { "color": "D9E2F3" } } } + ], + [ + { "text": "API优化", "options": { "fill": { "color": "FFFFFF" } } }, + { "text": "100%", "options": { "fill": { "color": "FFFFFF" } } }, + { "text": "赵六", "options": { "fill": { "color": "FFFFFF" } } }, + { "text": "已完成", "options": { "fill": { "color": "FFFFFF" } } } + ], + [ + { "text": "安全审计", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "45%", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "陈七", "options": { "fill": { "color": "D9E2F3" } } }, + { "text": "进行中", "options": { "fill": { "color": "D9E2F3" } } } + ] + ], + "options": { + "x": 2.3, + "y": 2.5, + "w": 7.3, + "h": 2.0, + "colW": [2.3, 1.5, 1.5, 2.0], + "border": { "type": "solid", "color": "E0E0E0", "pt": 1 }, + "fontSize": 12 + } + }, + { + "type": "chart", + "chartType": "bar", + "data": [ + { + "name": "营收", + "labels": ["1月", "2月", "3月"], + "values": [42, 58, 73] + } + ], + "options": { + "x": 2.3, + "y": 4.7, + "w": 7.3, + "h": 0.9, + "barDir": "col", + "chartColors": ["6669E3"], + "showTitle": false, + "showLegend": false, + "catAxisLabelColor": "666666", + "valAxisLabelColor": "666666" + } + } + ] + } + ] +}