tp-iot

{ "dashboard": [ { "tooltip": { "formatter": "{a} <br/>{b} : {c}%" }, "series": [ { "name": "Pressure", "type": "gauge", "startAngle": 200, "endAngle": -20, "offsetCenter": [0, "-15%"], "min": 0, "max": 60, "axisTick": { "show":true, "splitNumber": 2, "length": 2, "lineStyle": { "color": "#ddd" } }, "splitLine": { "show": false, "length": 10, "lineStyle": { "color": "auto" } }, "axisLabel": { "show":true, "distance": 12, "textStyle": { "color": "#fff", "fontSize": 12 } }, "axisLine": { "lineStyle": { "width": 6, "color": [ [0.3, "#67e0e3"], [0.7, "#37a2da"], [1, "#fd666d"] ] } }, "progress": { "show": true, "width": 8, "itemStyle": { "color": "#63e33d" } }, "pointer": { "show":true, "width": 3, "itemStyle": { "color": "#63e33d" } }, "detail": { "formatter": "{value}°C", "fontSize": 16, "color": "#63e33d" }, "data": [ { "value": 0, "name": "" } ] } ], "simulator": { "funcArr": ["return +(Math.random() * 60).toFixed(2);"], "interval": 5000 } }, { "series": [ { "type": "gauge", "progress": { "show": true, "width": 18 }, "axisLine": { "lineStyle": { "width": 2 } }, "axisTick": { "show": false }, "splitLine": { "show": false, "length": 5, "lineStyle": { "width": 2, "color": "#999" } }, "axisLabel": { "distance": 10, "color": "#fff", "fontSize": 14 }, "anchor": { "show": true, "showAbove": true, "size": 25, "itemStyle": { "borderWidth": 10 } }, "title": { "show": false }, "detail": { "fontSize": 20, "offsetCenter": [0, "70%"], "color": "#fff" }, "data": [ { "value": 0 } ] } ], "simulator": { "funcArr": ["return +(Math.random() * 60).toFixed(2);"], "interval": 5000 } }, { "series": [ { "type": "gauge", "startAngle": 200, "endAngle": -20, "min": 0, "max": 60, "itemStyle": { "color": "#FFAB91" }, "progress": { "show": true, "width": 30 }, "pointer": { "show": false }, "splitLine": { "show": false }, "axisTick": { "show": false }, "axisLabel": { "show": false }, "axisLine": { "lineStyle": { "width": 30 } }, "detail": { "valueAnimation": true, "width": "60%", "lineHeight": 40, "borderRadius": 8, "offsetCenter": [0, "-15%"], "fontWeight": "bolder", "formatter": "{value} °C", "color": "auto" }, "data": [ { "value": 0 } ] } ], "simulator": { "funcArr": ["return +(Math.random() * 60).toFixed(2);"], "interval": 5000 } }, { "tooltip": { "formatter": "{a} <br/>{b} : {c}%" }, "series": [ { "name": "Pressure", "type": "gauge", "center": [ "30%", "50%" ], "radius": "60%", "startAngle": 320, "endAngle": 42, "itemStyle": { "color": "#409EFF" }, "progress": { "show": true, "itemStyle": { "color": "#409EFF" } }, "axisTick": { "show": false }, "splitLine": { "show": false }, "axisLabel": { "distance": 0, "color": "#409EFF", "fontSize": 10 }, "detail": { "fontSize": 20, "formatter": "{value}", "color": "#409EFF" }, "data": [ { "value": 10, "name": "" } ] }, { "name": "Pressure", "type": "gauge", "center": [ "70%", "50%" ], "radius": "60%", "startAngle": 140, "endAngle": -138, "itemStyle": { "color": "#49B401" }, "progress": { "show": true, "itemStyle": { "color": "#49B401" } }, "axisTick": { "show": false }, "splitLine": { "show": false }, "axisLabel": { "distance": 0, "color": "#49B401", "fontSize": 10 }, "detail": { "fontSize": 20, "formatter": "{value}", "color": "#49B401" }, "data": [ { "value": 10, "name": "" } ] } ], "simulator": { "funcArr": ["return +(Math.random() * 60).toFixed(2);", "return +(Math.random() * 60).toFixed(2);"], "interval": 5000 } }, { "series": [ { "type": "gauge", "startAngle": 200, "endAngle": -20, "title": { "color": "#FFFFFF" }, "itemStyle": { "color": "#FFFFFF" }, "progress": { "show": false, "width": 0 }, "pointer": { "show": false }, "splitLine": { "show": false }, "axisTick": { "show": false }, "axisLabel": { "show": false }, "axisLine": { "show": false }, "detail": { "show": true, "fontSize": 50, "offsetCenter": [0, "-15%"], "formatter": "{value}", "color": "#FFFFFF" }, "data": [ { "value": 0, "name": "温度" } ] } ], "simulator": { "funcArr": ["return +(Math.random() * 60).toFixed(2);"], "interval": 5000 } }, { "type": "status", "series": { "title": "液位", "fontSize": 30, "value": 0, "status": [ { "comparison": "==", "value": 0, "label": "缺液", "color": "#", "fontSize": 20, "icon": "" }, { "comparison": "==", "value": 1, "label": "有液", "fontSize": 20 } ] } } ], "history": [ { "xAxis": { "type": "category", "axisLine": { "lineStyle": { "color": "#fff" } }, "data": [ "周一", "周二", "周三", "周四", "周五", "周六", "周日" ] }, "yAxis": { "type": "value", "axisLine": { "lineStyle": { "color": "#fff" } } }, "series": [ { "data": [150, 230, 224, 218, 135, 147, 260], "type": "line" } ] } ], "control": [ { "series": [ { "type": "switch", "value": false, "id": 1 } ], "disabled": false }, { "series": [ { "type": "switch", "value": false, "id": 1 }, { "type": "switch", "value": false, "id": 2 } ], "disabled": false }, { "series": [ { "type": "switch", "value": false, "id": 1 }, { "type": "switch", "value": false, "id": 2 }, { "type": "switch", "value": false, "id": 3 } ], "disabled": true }, { "series": [ { "type": "slider", "value": 0, "id": 4, "mapping": { "max": 100, "step": 1 } } ], "disabled": false } ] }