接口配置

约 6617 字大约 22 分钟

2025-08-15

配置说明（必读）

所选组件属性配置中带有【数据来源（预览生效）】的均支持动态接口配置

1.编辑器选中组件
2.属性栏展开【数据来源（预览生效）】
3.填写 api 地址
4.填写请求方式（get、post、put、delect)
5.填写请求参数
6.设置定时器（1000 为 1 秒钟)
7.预览生效
注意
1.后台开发 API 必须支持跨域请求，否则会被浏览器拦截
2.返回参数必须根据文档【接口配置】示例接口一致，请根据文档来编写接口
3.【接口返回值】可以查看返回格式标准
4.接口返回值必须和【接口返回值】一致 :::

快速导航

分类	说明	快速跳转
图表	柱状图、饼图、折线图、雷达图、漏斗图、表格等数据可视化组件	跳转到图表
指标	数字翻牌器、仪表盘、进度条、指标卡片、告警面板等数据展示组件	跳转到指标
辅助	文字、图片、视频、轮播、选择器、按钮、开关等辅助类组件	跳转到辅助
拓展	中心扩散节点、人员占比、视频监控、全息投影、时钟等拓展组件	跳转到拓展
预警	红绿灯、警报器、温度计、信标塔、防区护盾、警报阵列等预警组件	跳转到预警

图表

柱形/折线/散点

示例接口

GET https://ws.onetwin.cn/mock/chart-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/chart-data"

返回值示例

{
    "code": 200,
    "data": {
       //  X轴数据
        "xData": [
            "Jan",
            "Feb",
            "Mar",
            "Apr",
            "May",
            "Jun",
            "Jul",
            "Aug",
            "Sep",
            "Oct",
            "Nov",
            "Dec"
        ],
        //  系列数据
        "seriesData": [
            [
                32.1,
                106.8,
                31.4,
                76.6,
                94,
                104.9,
                83.6,
                49.7,
                46.8,
                63.5,
                92.7,
                26.9
            ]
        ]
    },
    "msg": "成功"
}

柱形图-横向

示例接口

GET https://ws.onetwin.cn/mock/bar1-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/bar1-data"

返回值示例

{
    "code": 200,
    "data": {
        "data": [
            {
                "value": 72,
                "name": "指标1",
                "color": "#00e9db"
            },
            {
                "value": 60,
                "name": "指标2",
                "color": "#00c0e9"
            },
            {
                "value": 52,
                "name": "指标3",
                "color": "#0096f3"
            },
            {
                "value": 50,
                "name": "指标4",
                "color": "#33CCFF"
            }
        ],
        "max": 100
    },
    "msg": "成功"
}

柱形图-堆叠折线

示例接口

GET https://ws.onetwin.cn/mock/bar2-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/bar2-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "xData": ["2月", "3月", "4月", "5月", "6月", "7月"],
        "series": [
            {
                "name": "女",
                "data": [709, 1917, 2455, 2610, 1719, 1433]
            },
            {
                "name": "男",
                "data": [327, 1776, 507, 1200, 800, 482]
            },
            {
                "name": "总数",
                "data": [1036, 3693, 2962, 3810, 2519, 1915]
            }
        ]
    }
}

堆叠柱状图-带标记

示例接口

GET https://ws.onetwin.cn/mock/bar3-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/bar3-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "name": "指标1", "value": 53.1, "color": "#E8A61F" },
        { "name": "指标2", "value": 23.0, "color": "#E67C26" },
        { "name": "指标3", "value": 23.9, "color": "#0CD8A7" }
    ]
}

柱形图-隔断

示例接口

GET https://ws.onetwin.cn/mock/bar4-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/bar4-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "name": "死因", "value": 498 },
        { "name": "伤情", "value": 520 },
        { "name": "DNA", "value": 568 },
        { "name": "指纹", "value": 432 },
        { "name": "足迹", "value": 464 },
        { "name": "毒物", "value": 332 },
        { "name": "毒品", "value": 344 },
        { "name": "微量", "value": 458 },
        { "name": "笔记", "value": 470 }
    ]
}

3D多维立体柱图

示例接口

GET https://ws.onetwin.cn/mock/3d-multi-pillar-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/3d-multi-pillar-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "name": "指标1", "value": 981, "color1": "#00fff5", "color2": "#43bafe" },
        { "name": "指标2", "value": 1000, "color1": "#ffcc00", "color2": "#ff7800" },
        { "name": "指标3", "value": 900, "color1": "#b9b7ff", "color2": "#e9a5ff" }
    ]
}

双轴柱形图

示例接口

GET https://ws.onetwin.cn/mock/double-y-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/double-y-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "legend": ["趋势线", "数据A", "数据B"],
        "lineData": [60, 80, 90, 40, 28, 39],
        "barData1": [4, 3, 2, 8, 3, 5],
        "barData2": [3, 2, 3, 5, 4, 3],
        "xAxis": ["1月", "2月", "3月", "4月", "5月", "6月"]
    }
}

3D柱形图

示例接口

GET https://ws.onetwin.cn/mock/3d-bar-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/3d-bar-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "legend": ["数据A", "数据B", "数据C", "趋势1", "趋势2"],
        "xdata": ["01.01", "01.02", "01.03", "01.04", "01.05", "01.06", "01.07"],
        "bar1": [1000, 1300, 1200, 800, 600, 700, 900],
        "bar2": [700, 800, 900, 500, 300, 400, 500],
        "bar3": [400, 300, 500, 200, 100, 100, 300],
        "line1": [98, 96, 97, 92, 94, 95, 100],
        "line2": [88, 86, 87, 82, 84, 85, 95]
    }
}

3D立体方块图

示例接口

GET https://ws.onetwin.cn/mock/3d-cube-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/3d-cube-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "xData": ["7月", "8月", "9月", "10月", "11月", "12月"],
        "yData": [200, 189, 234, 156, 298, 231]
    }
}

山峰象形图

示例接口

GET https://ws.onetwin.cn/mock/mountain-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/mountain-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "xAxis": ["2012", "2013", "2014", "2015", "2016", "2017", "2018"],
        "series": [861, 559, 343, 604, 459, 728, 844]
    }
}

3D排名榜单

示例接口

GET https://ws.onetwin.cn/mock/rank3d-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/rank3d-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "xAxis": ["上海", "南京", "西安", "武汉", "北京"],
        "series": [100, 90, 80, 70, 60]
    }
}

饼图/环图

示例接口

GET https://ws.onetwin.cn/mock/pie-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/pie-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "value": 72, "name": "指标1", "color": "#00e9db" },
        { "value": 60, "name": "指标2", "color": "#00c0e9" },
        { "value": 52, "name": "指标3", "color": "#0096f3" },
        { "value": 50, "name": "指标4", "color": "#33CCFF" }
    ]
}

3D装饰饼图

示例接口

GET https://ws.onetwin.cn/mock/pie3d-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/pie3d-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "value": 72, "name": "指标1", "color": "#00e9db" },
        { "value": 60, "name": "指标2", "color": "#00c0e9" },
        { "value": 52, "name": "指标3", "color": "#0096f3" },
        { "value": 50, "name": "指标4", "color": "#33CCFF" }
    ]
}

饼图-环形

示例接口

GET https://ws.onetwin.cn/mock/pie1-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/pie1-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "value": 72, "name": "指标1", "color": "#00e9db" },
        { "value": 60, "name": "指标2", "color": "#00c0e9" },
        { "value": 52, "name": "指标3", "color": "#0096f3" },
        { "value": 50, "name": "指标4", "color": "#33CCFF" }
    ]
}

多环分段环形图

示例接口

GET https://ws.onetwin.cn/mock/pie2-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/pie2-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "指标1",
            "value": 981,
            "color1": "#00fff5",
            "color2": "rgba(67, 186, 254, 0.22)"
        },
        {
            "name": "指标2",
            "value": 1000,
            "color1": "#ffcc00",
            "color2": "rgba(255, 120, 0, 0.24)"
        },
        {
            "name": "指标3",
            "value": 900,
            "color1": "#b9b7ff",
            "color2": "rgba(233, 165, 255, 0.29)"
        }
    ]
}

仪表盘-进度

示例接口

GET https://ws.onetwin.cn/mock/pie3-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/pie3-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "value": 44, "name": "去年优良率" }
    ]
}

轮播表格

示例接口

GET https://ws.onetwin.cn/mock/scroll-table-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/scroll-table-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        ["表头1", "表头2", "表头3", "表头4"],
        ["1", "2", "3", "4"],
        ["1", "2", "3", "4"],
        ["1", "2", "3", "4"],
        ["1", "2", "3", "4"],
        ["1", "2", "3", "4"],
        ["1", "2", "3", "4"]
    ]
}

提示

表格数据支持 HTML 样式，例如：["<span style=\"color:red;\">1</span>", "2", "3", "4"]

轮播排名表

示例接口

GET https://ws.onetwin.cn/mock/scroll-ranking-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/scroll-ranking-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "name": "第一名", "value": 55 },
        { "name": "第二名", "value": 120 },
        { "name": "第三名", "value": 78 },
        { "name": "第四名", "value": 66 },
        { "name": "第五名", "value": 80 }
    ]
}

提示

排名表数据支持 HTML 样式，例如：{ "name": "<span style=\"color:red;\">第五名</span>", "value": 80 }

漏斗图

示例接口

GET https://ws.onetwin.cn/mock/funnel-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/funnel-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "value": 72, "name": "指标1", "color": "#00e9db" },
        { "value": 50, "name": "指标2", "color": "#00c0e9" },
        { "value": 40, "name": "指标3", "color": "#0096f3" },
        { "value": 20, "name": "指标4", "color": "#33CCFF" }
    ]
}

雷达图

示例接口

GET https://ws.onetwin.cn/mock/radar-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/radar-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "indicators": [
            { "name": "指标1", "max": 100, "min": 0 },
            { "name": "指标2", "max": 100, "min": 0 },
            { "name": "指标3", "max": 100, "min": 0 },
            { "name": "指标4", "max": 100, "min": 0 },
            { "name": "指标5", "max": 100, "min": 0 }
        ],
        "seriesData": [
            [80, 70, 60, 50, 90]
        ]
    }
}

玫瑰图

示例接口

GET https://ws.onetwin.cn/mock/rose-chart-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/rose-chart-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            { "name": "电子产品", "value": 120, "color": "#36cbcb" },
            { "name": "服装鞋帽", "value": 90, "color": "#ffb240" },
            { "name": "食品饮料", "value": 80, "color": "#ff6b6b" },
            { "name": "家居用品", "value": 60, "color": "#8b5cf6" },
            { "name": "美妆护肤", "value": 50, "color": "#10b981" },
            { "name": "其他", "value": 30, "color": "#f59e0b" }
        ]
    }
}

桑基图

示例接口

GET https://ws.onetwin.cn/mock/sankey-chart-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/sankey-chart-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            { "source": "PC端", "target": "已购买", "value": 35 },
            { "source": "PC端", "target": "未购买", "value": 15 },
            { "source": "移动端", "target": "已购买", "value": 45 },
            { "source": "移动端", "target": "未购买", "value": 25 },
            { "source": "小程序", "target": "已购买", "value": 20 },
            { "source": "小程序", "target": "未购买", "value": 10 },
            { "source": "其他", "target": "已购买", "value": 5 },
            { "source": "其他", "target": "未购买", "value": 5 }
        ]
    }
}

指标

3D科技柱图

示例接口

GET https://ws.onetwin.cn/mock/3d-pillar-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/3d-pillar-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 88
    }
}

仪表盘

示例接口

GET https://ws.onetwin.cn/mock/panel-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/panel-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 88
    }
}

数字翻牌器

示例接口

GET https://ws.onetwin.cn/mock/number-flop-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/number-flop-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 88
    }
}

数字翻牌器2

示例接口

GET https://ws.onetwin.cn/mock/number-flop2-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/number-flop2-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 123.45
    }
}

数字翻牌器3

示例接口

GET https://ws.onetwin.cn/mock/number-flip-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/number-flip-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 87250
    }
}

波浪球

示例接口

GET https://ws.onetwin.cn/mock/wave-sphere-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/wave-sphere-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 88
    }
}

进度池

示例接口

GET https://ws.onetwin.cn/mock/percent-pond-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/percent-pond-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 66
    }
}

百分比环

示例接口

GET https://ws.onetwin.cn/mock/percentage-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/percentage-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 60
    }
}

翻牌数字卡

示例接口

GET https://ws.onetwin.cn/mock/number-card1-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/number-card1-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            { "name": "今日告警", "value": 128, "unit": "条", "color": "#00eaff" },
            { "name": "在线设备", "value": 864, "unit": "台", "color": "#00ffa8" },
            { "name": "处理工单", "value": 56, "unit": "单", "color": "#ffd166" }
        ]
    }
}

发光仪表盘

示例接口

GET https://ws.onetwin.cn/mock/gauge-glow-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/gauge-glow-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "name": "完成率",
        "value": 76,
        "max": 100
    }
}

脉冲环指标

示例接口

GET https://ws.onetwin.cn/mock/pulse-ring-metric-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/pulse-ring-metric-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "title": "CPU使用率",
        "value": "76",
        "unit": "%",
        "subText": "实时监控指标",
        "status": "active",
        "statusText": "运行稳定"
    }
}

聚焦徽章指标

示例接口

GET https://ws.onetwin.cn/mock/focus-badge-metric-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/focus-badge-metric-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "title": "在线设备",
        "value": "1,284",
        "unit": "台",
        "statusText": "较昨日 + 32"
    }
}

数据卡片组

示例接口

GET https://ws.onetwin.cn/mock/data-card-group-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/data-card-group-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "接入系统",
            "value": "18",
            "unit": "个",
            "sub": "已完成接入"
        },
        {
            "name": "分析任务",
            "value": "126",
            "unit": "次",
            "sub": "今日累计"
        },
        {
            "name": "在线设备",
            "value": "2048",
            "unit": "台",
            "sub": "在线率 98.2%"
        },
        {
            "name": "闭环率",
            "value": "92",
            "unit": "%",
            "sub": "本周事件处理"
        }
    ]
}

趋势指标列表

示例接口

GET https://ws.onetwin.cn/mock/trend-stat-list-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/trend-stat-list-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "今日告警数",
            "value": "126",
            "unit": "条",
            "trend": "up",
            "trendText": "+12.6%",
            "desc": "较昨日增长"
        },
        {
            "name": "在线设备率",
            "value": "98.2",
            "unit": "%",
            "trend": "up",
            "trendText": "+1.4%",
            "desc": "较昨日提升"
        },
        {
            "name": "故障工单数",
            "value": "18",
            "unit": "单",
            "trend": "down",
            "trendText": "-6.2%",
            "desc": "较昨日下降"
        },
        {
            "name": "平均响应时长",
            "value": "4.8",
            "unit": "分",
            "trend": "flat",
            "trendText": "0%",
            "desc": "与昨日持平"
        }
    ]
}

指标告警面板

示例接口

GET https://ws.onetwin.cn/mock/alert-metric-panel-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/alert-metric-panel-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "CPU使用率",
            "value": "92",
            "unit": "%",
            "threshold": "85%",
            "level": "danger",
            "statusText": "已超过阈值，请及时处理",
            "time": "2026-03-24 22:15:30"
        },
        {
            "name": "内存占用率",
            "value": "81",
            "unit": "%",
            "threshold": "80%",
            "level": "warning",
            "statusText": "接近风险区间",
            "time": "2026-03-24 22:10:12"
        },
        {
            "name": "磁盘写入延迟",
            "value": "126",
            "unit": "ms",
            "threshold": "100ms",
            "level": "critical",
            "statusText": "持续异常波动",
            "time": "2026-03-24 22:08:46"
        },
        {
            "name": "网关丢包率",
            "value": "2.6",
            "unit": "%",
            "threshold": "3%",
            "level": "normal",
            "statusText": "指标正常",
            "time": "2026-03-24 22:05:00"
        }
    ]
}

雷达标签墙

示例接口

GET https://ws.onetwin.cn/mock/radar-tag-wall-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/radar-tag-wall-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "边界入侵信号",
            "value": "12",
            "unit": "次",
            "status": "warning"
        },
        {
            "name": "视频巡检目标",
            "value": "86",
            "unit": "个",
            "status": "active"
        },
        {
            "name": "离线传感设备",
            "value": "4",
            "unit": "台",
            "status": "danger"
        },
        {
            "name": "正常监测节点",
            "value": "128",
            "unit": "个",
            "status": "normal"
        },
        {
            "name": "重点区域联动",
            "value": "9",
            "unit": "处",
            "status": "active"
        },
        {
            "name": "风险区域热度",
            "value": "67",
            "unit": "%",
            "status": "warning"
        }
    ]
}

分段指标带

示例接口

GET https://ws.onetwin.cn/mock/segment-stat-ribbon-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/segment-stat-ribbon-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "label": "在线设备",
            "value": "1284",
            "unit": "台",
            "trend": "+32"
        },
        {
            "label": "实时告警",
            "value": "86",
            "unit": "条",
            "trend": "-12",
            "color": "#ffb347"
        },
        {
            "label": "处理完成率",
            "value": "96.8",
            "unit": "%",
            "trend": "+1.6%",
            "color": "#42d392"
        },
        {
            "label": "平均延迟",
            "value": "128",
            "unit": "ms",
            "trend": "-18ms",
            "color": "#9b7bff"
        }
    ]
}

告警瀑布面板

示例接口

GET https://ws.onetwin.cn/mock/alert-cascade-panel-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/alert-cascade-panel-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "level": "critical",
            "title": "北区主交换机链路异常",
            "desc": "核心网络链路抖动，丢包率持续升高",
            "source": "网络监测",
            "time": "2026-03-24 18:42:10",
            "status": "processing"
        },
        {
            "level": "high",
            "title": "3号产线温度超限告警",
            "desc": "设备运行温度超过预警阈值",
            "source": "设备感知",
            "time": "2026-03-24 18:39:26",
            "status": "pending"
        },
        {
            "level": "medium",
            "title": "视频存储节点容量不足",
            "desc": "剩余容量低于 15%",
            "source": "存储平台",
            "time": "2026-03-24 18:31:04",
            "status": "processing"
        },
        {
            "level": "low",
            "title": "门禁离线恢复通知",
            "desc": "A17 门禁设备已重新上线",
            "source": "门禁系统",
            "time": "2026-03-24 18:28:40",
            "status": "resolved"
        }
    ]
}

指标图标卡组

示例接口

GET https://ws.onetwin.cn/mock/kpi-icon-deck-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/kpi-icon-deck-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "title": "当日产量",
            "value": "1.1",
            "unit": "件",
            "img": "/image/componentUsed/neihuan.png",
            "theme": "blue"
        },
        {
            "title": "当月产量",
            "value": "3.4",
            "unit": "万件",
            "img": "/image/componentUsed/waihuan.png",
            "theme": "orange"
        }
    ]
}

拓展

中心扩散节点图

示例接口

GET https://ws.onetwin.cn/mock/center-node-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/center-node-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "centerName": "数据中心",
        "list": [
            { "name": "计生办1", "value": 2 },
            { "name": "计生办2", "value": 2 },
            { "name": "计生办3", "value": 2 },
            { "name": "计生办4", "value": 2 },
            { "name": "计生办5", "value": 2 },
            { "name": "计生办6", "value": 2 }
        ]
    }
}

人员占比

示例接口

GET https://ws.onetwin.cn/mock/staff-mix-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/staff-mix-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "name": "前端工程师", "number": 3 },
        { "name": "后端工程师", "number": 5 },
        { "name": "网页设计师", "number": 2 },
        { "name": "测试工程师", "number": 2 },
        { "name": "产品经理", "number": 1 },
        { "name": "安卓工程师", "number": 1 },
        { "name": "IOS工程师", "number": 1 }
    ]
}

状态胶囊列表

示例接口

GET https://ws.onetwin.cn/mock/status-capsule-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/status-capsule-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "name": "服务器-A01", "value": "98%", "status": "正常", "statusColor": "#67C23A" },
        { "name": "数据库-Main", "value": "45%", "status": "警告", "statusColor": "#E6A23C" },
        { "name": "网关-North", "value": "0%", "status": "离线", "statusColor": "#F56C6C" },
        { "name": "传感器-Temp", "value": "24℃", "status": "运行中", "statusColor": "#67C23A" },
        { "name": "存储-SAN01", "value": "82%", "status": "正常", "statusColor": "#67C23A" }
    ]
}

滚动公告栏

示例接口

GET https://ws.onetwin.cn/mock/scroll-notice-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/scroll-notice-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "text": "系统将于今晚 24:00 进行例行维护，请提前保存数据。", "time": "10:00" },
        { "text": "恭喜销售三部完成季度目标 120%！", "time": "09:45" },
        { "text": "新的安全补丁已部署，所有终端重启生效。", "time": "09:30" },
        { "text": "欢迎新同事加入大数据研发团队。", "time": "09:15" }
    ]
}

霓虹进度列表

示例接口

GET https://ws.onetwin.cn/mock/progress-list-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/progress-list-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            { "name": "任务完成率", "value": 86, "color": "#00eaff" },
            { "name": "资源使用率", "value": 72, "color": "#00ffa8" },
            { "name": "设备在线率", "value": 94, "color": "#4d8bff" },
            { "name": "预警处理率", "value": 68, "color": "#ffd166" }
        ]
    }
}

多视频监控面板

示例接口

GET https://ws.onetwin.cn/mock/video-stream-panel-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/video-stream-panel-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "title": "演示监控一",
            "subTitle": "默认测试视频",
            "vendor": "general",
            "mode": "mp4",
            "url": "https://www.w3schools.com/html/mov_bbb.mp4",
            "poster": "",
            "online": true,
            "channelCode": "CH001"
        },
        {
            "title": "演示监控二",
            "subTitle": "默认测试视频",
            "vendor": "general",
            "mode": "mp4",
            "url": "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4",
            "poster": "",
            "online": true,
            "channelCode": "CH002"
        }
    ]
}

悬浮立方

示例接口

GET https://ws.onetwin.cn/mock/floating-cube-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/floating-cube-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            { "name": "销售额", "value": 1250, "color": "#00e9db" },
            { "name": "用户数", "value": 890, "color": "#00c0e9" },
            { "name": "转化率", "value": 65, "color": "#0096f3" },
            { "name": "利润", "value": 420, "color": "#33CCFF" },
            { "name": "订单数", "value": 1560, "color": "#4ECDC4" },
            { "name": "满意度", "value": 92, "color": "#95E1D3" }
        ]
    }
}

全息投影

示例接口

GET https://ws.onetwin.cn/mock/holographic-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/holographic-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            {
                "name": "CPU使用率",
                "value": 72,
                "max": 100,
                "unit": "%",
                "icon": "◉",
                "color": "#00e9db"
            },
            {
                "name": "内存使用率",
                "value": 58,
                "max": 100,
                "unit": "%",
                "icon": "◎",
                "color": "#00c0e9"
            },
            {
                "name": "网络流量",
                "value": 1250,
                "max": 2000,
                "unit": "Mbps",
                "icon": "▣",
                "color": "#0096f3"
            },
            {
                "name": "请求响应",
                "value": 45,
                "max": 100,
                "unit": "ms",
                "icon": "◐",
                "color": "#4ECDC4"
            }
        ]
    }
}

环形监控

示例接口

GET https://ws.onetwin.cn/mock/ring-monitor-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/ring-monitor-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            {
                "name": "CPU使用率",
                "value": 72,
                "max": 100,
                "unit": "%",
                "icon": "◉",
                "color": "#00e9db",
                "warningThreshold": 80,
                "dangerThreshold": 90
            },
            {
                "name": "内存使用率",
                "value": 58,
                "max": 100,
                "unit": "%",
                "icon": "◎",
                "color": "#00c0e9",
                "warningThreshold": 80,
                "dangerThreshold": 90
            },
            {
                "name": "磁盘IO",
                "value": 45,
                "max": 100,
                "unit": "%",
                "icon": "▣",
                "color": "#0096f3",
                "warningThreshold": 70,
                "dangerThreshold": 85
            },
            {
                "name": "网络延迟",
                "value": 35,
                "max": 100,
                "unit": "ms",
                "icon": "◆",
                "color": "#4ECDC4",
                "warningThreshold": 60,
                "dangerThreshold": 80
            }
        ]
    }
}

神经核心

示例接口

GET https://ws.onetwin.cn/mock/neural-core-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/neural-core-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            {
                "name": "神经云活跃度",
                "value": 64,
                "max": 100,
                "unit": "%",
                "color": "rgb(103, 203, 210)"
            },
            {
                "name": "计算负载",
                "value": 87,
                "max": 100,
                "unit": "%",
                "color": "#00e9db"
            },
            {
                "name": "记忆容量",
                "value": 1250,
                "max": 2000,
                "unit": "MB",
                "color": "#4ECDC4"
            },
            {
                "name": "突触效率",
                "value": 92,
                "max": 100,
                "unit": "%",
                "color": "#0096f3"
            }
        ]
    }
}

量子轨道球

示例接口

GET https://ws.onetwin.cn/mock/quantum-orb-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/quantum-orb-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "data": [
            { "name": "量子核心", "value": 87, "unit": "%", "color": "#00f0ff" },
            { "name": "纠缠态", "value": 76, "unit": "%", "color": "#7b68ee" },
            { "name": "叠加率", "value": 94, "unit": "%", "color": "#00ffaa" },
            { "name": "衰变能", "value": 45, "unit": "%", "color": "#ff00ff" },
            { "name": "相干性", "value": 82, "unit": "%", "color": "#00d8ff" },
            { "name": "稳定域", "value": 69, "unit": "%", "color": "#ff3366" }
        ]
    }
}

全息矩阵

示例接口

GET https://ws.onetwin.cn/mock/holo-matrix-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/holo-matrix-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "center": {
            "name": "系统核心",
            "value": 87,
            "unit": "%"
        },
        "list": [
            { "name": "CPU使用率", "value": 64, "unit": "%" },
            { "name": "内存占用", "value": 1250, "unit": "MB" },
            { "name": "存储使用", "value": 76, "unit": "%" },
            { "name": "网络延迟", "value": 23, "unit": "ms" },
            { "name": "温度", "value": 48, "unit": "°C" },
            { "name": "带宽利用", "value": 89, "unit": "%" }
        ]
    }
}

周跑步统计

示例接口

GET https://ws.onetwin.cn/mock/weekly-running-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/weekly-running-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "text": "一周跑步数据",
        "subtext": "2023-04-03",
        "legend": ["平均指标", "我的指标"],
        "xData": ["10/10", "10/11", "10/12", "10/13", "10/14", "10/15", "10/16"],
        "indicator": [
            { "name": "全程距离(m)", "max": 12000 },
            { "name": "平均速度(km/h)", "max": 10 },
            { "name": "最快速度(km/h)", "max": 12 },
            { "name": "总计时间(h)", "max": 3.5 }
        ],
        "radarData": [
            [4617, 7.152, 8.232, 0.6],
            [7933, 7.555, 9.725, 1.1],
            [2820, 4.876, 6.186, 0.6],
            [9967, 7.545, 10.355, 1.3],
            [7222, 7.936, 8.596, 0.9],
            [7946, 3.016, 5.096, 2.6],
            [8123, 5.466, 7.226, 1.5]
        ],
        "radarDataAvg": [
            [5826, 6.71, 7.65, 0.6],
            [8284, 5.444, 6.224, 1.1],
            [7825, 7.188, 7.598, 0.6],
            [10930, 5.837, 7.057, 1.3],
            [4767, 5.909, 7.319, 0.9],
            [11484, 4.925, 6.485, 2.6],
            [11711, 5.941, 7.041, 1.5]
        ],
        "maxData": 12000,
        "weekLineData": [8123, 7946, 7222, 9967, 2820, 7933, 4617]
    }
}

纵向事件线

示例接口

GET https://ws.onetwin.cn/mock/longitudinal-line-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/longitudinal-line-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "policy_time": "2020",
            "policy_title": "政策发布一",
            "policy_country": "中国"
        },
        {
            "policy_time": "2021",
            "policy_title": "重要会议召开",
            "policy_country": "美国"
        },
        {
            "policy_time": "2022",
            "policy_title": "技术突破",
            "policy_country": "德国"
        },
        {
            "policy_time": "2023",
            "policy_title": "市场扩张",
            "policy_country": "日本"
        }
    ]
}

旋转多彩图

示例接口

GET https://ws.onetwin.cn/mock/rotate-colorful-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/rotate-colorful-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        { "name": "内存", "value": 10, "color": ["#387ed3", "#bc8b68"] },
        { "name": "存储", "value": 15, "color": ["#188bfd", "#51eeff"] },
        { "name": "CPU", "value": 8, "color": ["#ff4500", "#ffd700"] }
    ]
}

辅助

单行文字

示例接口

GET https://ws.onetwin.cn/mock/single-text-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "text": "欢迎访问数字孪生平台"
    }
}

多行文字

示例接口

GET https://ws.onetwin.cn/mock/multi-text-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "text": "系统公告：\n1. 今日22:00进行系统维护\n2. 请提前保存重要数据\n3. 预计维护时间2小时\n4. 维护期间服务不可用"
    }
}

图片(可编辑)

示例接口

GET https://ws.onetwin.cn/mock/image-editable-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "url": "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800"
    }
}

图片(原图)

示例接口

GET https://ws.onetwin.cn/mock/image-original-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "url": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200"
    }
}

视频

示例接口

GET https://ws.onetwin.cn/mock/video-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "url": "https://www.w3schools.com/html/mov_bbb.mp4"
    }
}

按钮组

示例接口

GET https://ws.onetwin.cn/mock/button-group-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "currentTab": "1",
        "tabData": [
            {
                "label": "实时监控",
                "value": "1",
                "showComponents": ["component1", "component2"],
                "hideComponents": []
            },
            {
                "label": "历史数据",
                "value": "2",
                "showComponents": ["component3", "component4"],
                "hideComponents": []
            },
            {
                "label": "统计分析",
                "value": "3",
                "showComponents": ["component5"],
                "hideComponents": []
            }
        ]
    }
}

下拉选择器

示例接口

GET https://ws.onetwin.cn/mock/select-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": "1",
        "option": [
            { "value": "1", "label": "全部区域" },
            { "value": "2", "label": "东区" },
            { "value": "3", "label": "南区" },
            { "value": "4", "label": "西区" },
            { "value": "5", "label": "北区" }
        ]
    }
}

开关

示例接口

GET https://ws.onetwin.cn/mock/switch-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "status": false
    }
}

轮播图

示例接口

GET https://ws.onetwin.cn/mock/carousel-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "urls": [
            "/image/banner1.jpg",
            "/image/banner2.jpg",
            "/image/banner3.jpg",
            "/image/banner4.jpg"
        ]
    }
}

选项卡

示例接口

GET https://ws.onetwin.cn/mock/tabs-data

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "activeTab": "0",
        "tabs": [
            { "title": "首页", "url": "//example.com/page1" },
            { "title": "监控", "url": "//example.com/page2" },
            { "title": "分析", "url": "//example.com/page3" },
            { "title": "设置", "url": "//example.com/page4" }
        ]
    }
}

预警

红绿灯

示例接口

GET https://ws.onetwin.cn/mock/traffic-lights-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/traffic-lights-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "red": false,
        "yellow": false,
        "green": true
    }
}

警报器

示例接口

GET https://ws.onetwin.cn/mock/alarm-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/alarm-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": 70
}

温度计

示例接口

GET https://ws.onetwin.cn/mock/temperature-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/temperature-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "value": 45
    }
}

信标塔警报器

示例接口

GET https://ws.onetwin.cn/mock/beacon-tower-alert-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/beacon-tower-alert-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "title": "3号产线状态",
        "status": "warning",
        "desc": "设备存在温升异常",
        "flash": true
    }
}

防区护盾警报

示例接口

GET https://ws.onetwin.cn/mock/shield-zone-alert-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/shield-zone-alert-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "title": "东区防区",
        "status": "guard",
        "desc": "边界防护运行中",
        "pulse": true
    }
}

脉冲警笛警报

示例接口

GET https://ws.onetwin.cn/mock/pulse-siren-alert-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/pulse-siren-alert-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": {
        "title": "中心警报",
        "status": "alarm",
        "desc": "区域异常已触发",
        "pulse": true
    }
}

警报器阵列面板

示例接口

GET https://ws.onetwin.cn/mock/alert-cluster-panel-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/alert-cluster-panel-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "东区一号点",
            "status": "normal",
            "desc": "运行正常",
            "flash": false
        },
        {
            "name": "东区二号点",
            "status": "warning",
            "desc": "存在波动",
            "flash": true
        },
        {
            "name": "南区三号点",
            "status": "alarm",
            "desc": "异常触发",
            "flash": true
        },
        {
            "name": "西区四号点",
            "status": "offline",
            "desc": "设备离线",
            "flash": false
        }
    ]
}

塔灯告警矩阵

示例接口

GET https://ws.onetwin.cn/mock/tower-alert-matrix-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/tower-alert-matrix-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "1号产线",
            "status": "normal",
            "desc": "运行稳定",
            "flash": false
        },
        {
            "name": "2号产线",
            "status": "notice",
            "desc": "存在提示信息",
            "flash": false
        },
        {
            "name": "3号产线",
            "status": "warning",
            "desc": "参数波动",
            "flash": true
        },
        {
            "name": "4号产线",
            "status": "danger",
            "desc": "异常停机风险",
            "flash": true
        }
    ]
}

护盾告警矩阵

示例接口

GET https://ws.onetwin.cn/mock/shield-alert-grid-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/shield-alert-grid-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "东区边界",
            "status": "safe",
            "desc": "区域状态正常",
            "pulse": true
        },
        {
            "name": "西区主门",
            "status": "guard",
            "desc": "防护策略运行中",
            "pulse": true
        },
        {
            "name": "北区围栏",
            "status": "warning",
            "desc": "存在异常波动",
            "pulse": true
        },
        {
            "name": "核心机房",
            "status": "danger",
            "desc": "高风险事件",
            "pulse": true
        }
    ]
}

温度告警组

示例接口

GET https://ws.onetwin.cn/mock/thermo-alert-group-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/thermo-alert-group-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "机房A区",
            "value": 24,
            "unit": "°C",
            "status": "normal",
            "desc": "温度正常",
            "flash": false
        },
        {
            "name": "机房B区",
            "value": 31,
            "unit": "°C",
            "status": "notice",
            "desc": "温度偏高",
            "flash": false
        },
        {
            "name": "仓储北区",
            "value": 38,
            "unit": "°C",
            "status": "warning",
            "desc": "接近阈值",
            "flash": true
        },
        {
            "name": "配电柜1",
            "value": 46,
            "unit": "°C",
            "status": "danger",
            "desc": "存在过热风险",
            "flash": true
        }
    ]
}

警笛机架

示例接口

GET https://ws.onetwin.cn/mock/siren-cluster-rack-data

响应格式：application/json
认证：无需

示例请求：

curl "https://ws.onetwin.cn/mock/siren-cluster-rack-data"

返回值示例

{
    "code": 200,
    "message": "success",
    "data": [
        {
            "name": "东区警笛",
            "status": "idle",
            "desc": "待机中",
            "flash": false,
            "autoPlay": false,
            "loop": true
        },
        {
            "name": "西区警笛",
            "status": "notice",
            "desc": "提示广播",
            "flash": true,
            "autoPlay": true,
            "loop": false
        },
        {
            "name": "南区警笛",
            "status": "warning",
            "desc": "预警中",
            "flash": true,
            "autoPlay": true,
            "loop": true
        },
        {
            "name": "北区警笛",
            "status": "alarm",
            "desc": "联动报警",
            "flash": true,
            "autoPlay": true,
            "loop": true
        }
    ]
}