```json
{
"summary

```json
{
"summary": "已将布局元素间的间隔(gap)从4px调整为20px，使整体布局更加宽松舒适。同时保持了原有JSON结构的所有其他属性不变。",
"widget": {
"extra": {
"uuid": "55eb4f7d-0552-4234-8f1e-360ec838c93d",
"id": "1382",
"type": "json"
},
"fullWidth": false,
"spacer": "md",
"bgClasses": "bg-fill-width",
"overlay": "",
"classes": "",
"id": "",
"bg": {
"img": {
"src": "",
"classes": "object-fit",
"alt": ""
},
"classes": "bg-fill-width",
"overlay": ""
},
"horizontal": "center",
"vertical": "center",
"animate": {
"from": {
"x": 0,
"y": 0,
"rotation": 0,
"scale": 1,
"opacity": 1,
"delay": 0,
"duration": 1,
"ease": "none"
},
"trigger": {
"onEnter": "play",
"onLeave": "none",
"onEnterBack": "none",
"onLeaveBack": "none",
"start": "top 90%",
"end": "top 40%"
}
},
"type": "layout-builder",
"elements": [
{
"row": {
"xs": 12,
"sm": 12,
"md": 6,
"lg": 6
},
"horizontal": "start",
"vertical": "stretch",
"gap": {
"xs": "20",
"sm": "20",
"md": "20",
"lg": "20"
},
"bg": {
"img": {
"src": "",
"alt": "",
"classes": "object-fit"
},
"overlay": "",
"classes": "bg-fill-width"
},
"classes": "",
"style": {
"borderRadius": "none"
},
"animate": {
"from": {
"x": 0,
"y": 0,
"rotation": 0,
"scale": 1,
"opacity": 1,
"delay": 0,
"duration": 1,
"ease": "none"
},
"trigger": {
"onEnter": "play",
"onLeave": "none",
"onEnterBack": "none",
"onLeaveBack": "none",
"start": "top 90%",
"end": "top 40%"
}
},
"layoutAlign": "start start",
"elements": [
{
"isAPI": false,
"fullWidth": true,
"spacer": "none",
"containerClasses": "",
"bg": {
"classes": "bg-primary",
"overlay": "",
"img": {
"src": "",
"alt": ""
}
},
"animate": {
"aos": {
"enable": false
}
},
"type": "custom-template",
"html": "<div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\n <div class=\"p-6\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"text-xl font-bold text-gray-800\">数据分析仪表盘</h3>\n <div class=\"flex space-x-2\">\n <button id=\"barChartBtn\" class=\"px-3 py-1 bg-blue-100 text-blue-600 rounded-md text-sm font-medium hover:bg-blue-200 transition-colors\">柱状图</button>\n <button id=\"lineChartBtn\" class=\"px-3 py-1 bg-gray-100 text-gray-600 rounded-md text-sm font-medium hover:bg-gray-200 transition-colors\">折线图</button>\n <button id=\"pieChartBtn\" class=\"px-3 py-1 bg-gray-100 text-gray-600 rounded-md text-sm font-medium hover:bg-gray-200 transition-colors\">饼图</button>\n </div>\n </div>\n \n <div class=\"relative h-80 bg-gray-50 rounded-lg border border-gray-200 overflow-hidden\">\n <!-- 柱状图 -->\n <div id=\"barChart\" class=\"absolute inset-0 flex flex-col items-center justify-center p-4\">\n <div class=\"w-full h-full flex items-end space-x-2 justify-center px-4\">\n <div class=\"w-8 h-16 bg-blue-400 rounded-t-sm transition-all hover:opacity-80\" style=\"height: 30%\" title=\"周一: 30%\"></div>\n <div class=\"w-8 h-32 bg-green-400 rounded-t-sm transition-all hover:opacity-80\" style=\"height: 60%\" title=\"周二: 60%\"></div>\n <div class=\"w-8 h-48 bg-purple-400 rounded-t-sm transition-all hover:opacity-80\" style=\"height: 90%\" title=\"周三: 90%\"></div>\n <div class=\"w-8 h-24 bg-yellow-400 rounded-t-sm transition-all hover:opacity-80\" style=\"height: 45%\" title=\"周四: 45%\"></div>\n <div class=\"w-8 h-40 bg-red-400 rounded-t-sm transition-all hover:opacity-80\" style=\"height: 75%\" title=\"周五: 75%\"></div>\n </div>\n <div class=\"flex justify-center mt-2 space-x-8 text-xs text-gray-500\">\n <span>周一</span>\n <span>周二</span>\n <span>周三</span>\n <span>周四</span>\n <span>周五</span>\n </div>\n </div>\n \n <!-- 折线图 -->\n <div id=\"lineChart\" class=\"absolute inset-0 hidden flex flex-col items-center justify-center p-4\">\n <div class=\"w-full h-full relative flex items-center justify-center\">\n <svg viewBox=\"0 0 500 300\" class=\"w-full h-full\">\n <polyline \n points=\"50,270 150,210 250,90 350,150 450,30\" \n fill=\"none\" \n stroke=\"#3b82f6\" \n stroke-width=\"3\" \n stroke-linejoin=\"round\" \n stroke-linecap=\"round\"/>\n <circle cx=\"50\" cy=\"270\" r=\"5\" fill=\"#3b82f6\" class=\"cursor-pointer hover:r-6 transition-all\"/>\n <circle cx=\"150\" cy=\"210\" r=\"5\" fill=\"#3b82f6\" class=\"cursor-pointer hover:r-6 transition-all\"/>\n <circle cx=\"250\" cy=\"90\" r=\"5\" fill=\"#3b82f6\" class=\"cursor-pointer hover:r-6 transition-all\"/>\n <circle cx=\"350\" cy=\"150\" r=\"5\" fill=\"#3b82f6\" class=\"cursor-pointer hover:r-6 transition-all\"/>\n <circle cx=\"450\" cy=\"30\" r=\"5\" fill=\"#3b82f6\" class=\"cursor-pointer hover:r-6 transition-all\"/>\n </svg>\n </div>\n <div class=\"flex justify-between w-full px-8 text-xs text-gray-500\">\n <span>1月</span>\n <span>2月</span>\n "}]
}
}
]
}
}
```