oldli/html2pptx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add data dashboard ui schema example

Browse Source 
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
oldli
2026-07-23 14:49:15 +08:00
co-authored by Claude Sonnet 5
parent ec7a44d6fb
commit 15575b37d6
1 changed files with 317 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
schema/examples/ui-dashboard.json
+317
View File
@@ -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"
}
}
]
}
]
}