{"devices":{"d_c87336e7-d651446f":{"id":"d_c87336e7-d651446f","property":{"address":"mqtt://172.17.0.1:1888","port":null,"slot":null,"rack":null,"baudrate":9600,"databits":8,"stopbits":1,"parity":"None"},"enabled":true,"tags":{"t_32568b1c-c6d44cff":{"id":"t_32568b1c-c6d44cff","type":"raw","address":"v1/gateway/telemetry/ModbusTcp/humidity","memaddress":"v1/gateway/telemetry/ModbusTcp/humidity","options":{"subs":["v1/gateway/telemetry/ModbusTcp/humidity"]},"name":"v1/gateway/telemetry/ModbusTcp/humidity"},"t_3afbea1a-47aa4e3f":{"id":"t_3afbea1a-47aa4e3f","type":"raw","address":"v1/gateway/telemetry/ModbusTcp/random","memaddress":"v1/gateway/telemetry/ModbusTcp/random","options":{"subs":["v1/gateway/telemetry/ModbusTcp/random"]},"name":"v1/gateway/telemetry/ModbusTcp/random"},"t_426b8357-4fa74aa1":{"id":"t_426b8357-4fa74aa1","type":"raw","address":"v1/gateway/telemetry/ModbusTcp/random2","memaddress":"v1/gateway/telemetry/ModbusTcp/random2","options":{"subs":["v1/gateway/telemetry/ModbusTcp/random2"]},"name":"v1/gateway/telemetry/ModbusTcp/random2"},"t_589c38a3-f0e24c54":{"id":"t_589c38a3-f0e24c54","type":"raw","address":"v1/gateway/telemetry/ModbusTcp/random3","memaddress":"v1/gateway/telemetry/ModbusTcp/random3","options":{"subs":["v1/gateway/telemetry/ModbusTcp/random3"]},"name":"v1/gateway/telemetry/ModbusTcp/random3"},"t_48cc7c34-17294a01":{"id":"t_48cc7c34-17294a01","type":"raw","address":"v1/gateway/telemetry/ModbusTcp/temperature","memaddress":"v1/gateway/telemetry/ModbusTcp/temperature","options":{"subs":["v1/gateway/telemetry/ModbusTcp/temperature"]},"name":"v1/gateway/telemetry/ModbusTcp/temperature"},"t_ab152868-8d3a474f":{"id":"t_ab152868-8d3a474f","type":"raw","address":"v1/gateway/telemetry/ModbusTcp/random4","memaddress":"v1/gateway/telemetry/ModbusTcp/random4","options":{"subs":["v1/gateway/telemetry/ModbusTcp/random4"]},"name":"v1/gateway/telemetry/ModbusTcp/random4"}},"name":"iotgateway","type":"MQTTclient","polling":3000}},"hmi":{"views":[{"id":"v_514346b2-713117","name":"MainView","profile":{"width":1000,"height":550,"bkcolor":"","margin":10},"items":{"VAL_520cb1f2-f3214444":{"id":"VAL_520cb1f2-f3214444","type":"svg-ext-value","name":"shape_1","property":{"events":[],"actions":[],"variableId":"t_48cc7c34-17294a01","ranges":[{"type":"unit","min":20,"max":80,"color":"","stroke":"","textId":null,"fractionDigitsId":null}]},"label":"Value"},"VAL_fdb8ef5d-16e24feb":{"id":"VAL_fdb8ef5d-16e24feb","type":"svg-ext-value","name":"shape_2","property":{"events":[],"actions":[],"variableId":"t_32568b1c-c6d44cff","ranges":[{"type":"unit","min":20,"max":80,"color":"","stroke":"","textId":null,"fractionDigitsId":null}]},"label":"Value"},"SHE_fe35bb94-b0784a1a":{"id":"SHE_fe35bb94-b0784a1a","type":"svg-ext-ape-eli","name":"shape_4","property":{"events":[{"actoptions":{"variablesMapping":[]},"type":"click"}],"actions":[{"options":{},"range":{"min":"0","max":"50"},"variableId":"t_ab152868-8d3a474f","type":"clockwise"},{"options":{},"range":{"min":"50","max":"85"},"variableId":"t_ab152868-8d3a474f","type":"anticlockwise"}],"variableId":"t_ab152868-8d3a474f","ranges":[{"type":"range","min":0,"max":"50","color":"#0ac97dff","stroke":"#0ac97dff"},{"type":"range","color":"#ffd04aff","stroke":"#ffd04aff","min":"50","max":"85"},{"type":"range","color":"#ff0000ff","stroke":"#ff0000ff","min":"85","max":100}]},"label":"AnimProcEng"},"BAG_007e8c11-547f44bc":{"id":"BAG_007e8c11-547f44bc","type":"svg-ext-html_bag","name":"gauge_1","property":{"events":[],"actions":[],"variableId":"t_ab152868-8d3a474f","options":{"minValue":0,"maxValue":"100","animationSpeed":40,"colorStart":"#6fadcf","colorStop":"#6fadcf","gradientType":"","strokeColor":"#e0e0e0","pointer":{"length":0.6,"strokeWidth":0.05,"iconScale":1,"color":"#000000"},"angle":-0.25,"lineWidth":0.2,"radiusScale":0.9,"fontSize":18,"textFilePosition":20,"limitMax":false,"limitMin":false,"highDpiSupport":true,"backgroundColor":"rgba(255, 255, 255, 0)","shadowColor":"#d5d5d5","fractionDigits":0,"ticksEnabled":true,"renderTicks":{"divisions":5,"divWidth":1.1,"divLength":0.7,"divColor":"#333333","subDivisions":3,"subLength":0.5,"subWidth":0.6,"subColor":"#666666"},"staticLabelsText":"200;500;2100;2800","staticFontSize":10,"staticFontColor":"#000000","staticLabels":{"labels":[0,20,40,60,80,100],"font":"10px Sans-serif","color":"#000000"},"staticZones":[{"strokeStyle":"#30B32D","min":"0","max":"50"},{"strokeStyle":"#FFDD00","min":"50","max":"85"},{"strokeStyle":"#F03E3E","min":"85","max":"100"}],"type":2}},"label":"HtmlBag"},"SLI_5e3b35ee-0d7442ed":{"id":"SLI_5e3b35ee-0d7442ed","type":"svg-ext-html_slider","name":"slider_1","property":{"events":[],"actions":[],"variableId":"t_ab152868-8d3a474f","options":{"orientation":"vertical","direction":"ltr","fontFamily":"Sans-serif","shape":{"baseColor":"#dcdcdc","connectColor":"#49b2ff","handleColor":"#018ef5"},"marker":{"color":"#000","subWidth":5,"subHeight":1,"fontSize":18,"divHeight":2,"divWidth":12},"range":{"min":0,"max":100},"step":1,"pips":{"mode":"values","values":[0,50,100],"density":4},"tooltip":{"type":"none","decimals":0,"background":"#FFF","color":"#000","fontSize":12}}},"label":"HtmlSlider"},"GSE_2aa7afdc-1f7c4f95":{"id":"GSE_2aa7afdc-1f7c4f95","type":"svg-ext-gauge_semaphore","name":"led_1","property":{"events":[],"actions":[],"variableId":"t_ab152868-8d3a474f","ranges":[{"type":"range","min":"0","max":"50","color":"#00b050ff","stroke":"#00b050ff"},{"type":"range","color":"#ffd04aff","stroke":"#ffd04aff","min":"50","max":"85"}]},"label":"HtmlSemaphore"},"PIE_923c051b-31124bd3":{"id":"PIE_923c051b-31124bd3","type":"svg-ext-pipe","name":"pipe_1","property":{"events":[],"actions":[{"options":{},"range":{"min":"0","max":"50"},"variableId":"t_ab152868-8d3a474f","type":"clockwise"},{"options":{},"range":{"min":"50","max":"85"},"variableId":"t_ab152868-8d3a474f","type":"anticlockwise"},{"options":{},"range":{"min":"85","max":"100"},"variableId":"t_ab152868-8d3a474f","type":"clockwise"}],"options":{"borderWidth":40,"border":"#000000","pipeWidth":30,"pipe":"#0000ff","contentWidth":30,"content":"#0044ff","contentSpace":48}},"label":"Pipe"},"HXC_08496c4d-a1884164":{"id":"HXC_08496c4d-a1884164","type":"svg-ext-html_chart","name":"chart1","property":{"id":"b1313a46a6-129013","options":{"title":"Title","fontFamily":"Roboto-Regular","legendFontSize":12,"colorBackground":"rgba(0,0,0,0)","legendBackground":"rgba(0,0,0,0)","titleHeight":18,"axisLabelFontSize":12,"labelsDivWidth":0,"axisLineColor":"rgba(0,0,0,1)","axisLabelColor":"rgba(0,0,0,1)","legendMode":"follow","series":[],"width":360,"height":200,"decimalsPrecision":2,"realtime":60,"dateFormat":"MM_DD_YYYY","timeFormat":"hh_mm_ss"}},"label":"HtmlChart"},"SHE_71aa5b9e-df9b470d":{"id":"SHE_71aa5b9e-df9b470d","type":"svg-ext-ape-piston","name":"shape_3","property":{"events":[],"actions":[{"options":{},"range":{"min":"0","max":"50"},"variableId":"t_ab152868-8d3a474f","type":"downup"},{"options":{},"range":{"min":"50","max":"100"},"variableId":"t_ab152868-8d3a474f","type":"stop"}],"variableId":"t_ab152868-8d3a474f","ranges":[{"type":"range","min":0,"max":"50","color":"#0ac97dff","stroke":"#0ac97dff"},{"type":"range","color":"#ffd04aff","stroke":"#ffd04aff","min":"50","max":"85"},{"type":"range","color":"#ff0000ff","stroke":"#ff0000ff","min":"85","max":100}]},"label":"AnimProcEng"}},"variables":{},"svgcontent":"<svg width=\"1000\" height=\"550\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns:html=\"http://www.w3.org/1999/xhtml\">\n <filter height=\"200\" width=\"200\" y=\"-3\" x=\"-3\" id=\"blur-filter\">\n  <feGaussianBlur stdDeviation=\"3\"/>\n </filter>\n <g>\n  <title>Layer 1</title>\n  <g text-anchor=\"middle\" font-family=\"sans-serif\" stroke-width=\"0\" font-size=\"14\" stroke=\"#000000\" fill=\"#000000\" type=\"svg-ext-value\" id=\"VAL_520cb1f2-f3214444\">\n   <text y=\"254\" x=\"123.32\" xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" stroke=\"#000000\" fill=\"#000000\" id=\"VAL_71e590ce-a72f47ad\" stroke-width=\"0\">##.##</text>\n  </g>\n  <text xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" id=\"svg_c3b3faca-ea8942c7\" y=\"254\" x=\"60\" stroke-width=\"0\" stroke=\"#000000\" fill=\"#000000\">温度</text>\n  <text xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" id=\"svg_62707ad2-3b3a436b\" y=\"244\" x=\"192\" stroke-width=\"0\" stroke=\"#000000\" fill=\"#000000\">湿度</text>\n  <g text-anchor=\"middle\" font-family=\"sans-serif\" stroke-width=\"0\" font-size=\"14\" stroke=\"#000000\" fill=\"#000000\" type=\"svg-ext-value\" id=\"VAL_fdb8ef5d-16e24feb\">\n   <text y=\"256\" x=\"256\" xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" stroke=\"#000000\" fill=\"#000000\" id=\"VAL_63aded6f-5087475b\" stroke-width=\"0\">##.##</text>\n  </g>\n  <g text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"14\" fill=\"#FFFFFF\" type=\"svg-ext-ape-eli\" id=\"SHE_fe35bb94-b0784a1a\" stroke=\"#000000\">\n   <path d=\"M490.86,240.1978C489.8825,240.1978 489.5375,240.6555 489.7675,241.5755L493.7925,257.48A5.75,5.75 0 0 0 492.1825,258.17L489.365,253.2825L484.4775,245.0255C483.9025,244.0365 483.0975,243.83525 482.12,244.393L479.6475,245.8075C479.13,246.095 478.9,246.785 479.475,247.705L490.745,259.1475A5.75,5.75 0 0 0 489.9975,260.24L485.11,257.4225L476.6575,252.535C475.68,251.96 474.875,252.19 474.3,253.1675L472.8625,255.64C472.57327,256.1575 472.805,256.9625 473.7825,257.5375L489.25,261.7925A5.75,5.75 0 0 0 489.135,263.1725L473.61,263.1725C472.69,263.1725 472.17192,263.6325 472.17192,264.61L472.17192,267.485C472.17192,268.4625 472.6325,268.8075 473.5525,268.5775L489.3075,264.61A5.75,5.75 0 0 0 489.9975,266.1625L485.11,268.98L476.255,274.155C475.7375,274.4425 475.565,275.19 476.14,276.225L477.5545,278.6975C477.865,279.215 478.555,279.445 479.0725,279.1575L490.975,267.6A5.75,5.75 0 0 0 492.0675,268.405L489.3075,273.12L484.1325,282.09C483.845,282.6075 484.075,283.355 485.0525,283.93L487.5825,285.3675C488.0425,285.655 488.8475,285.4825 489.135,284.965L493.6775,269.0375A5.75,5.75 0 0 0 495.1725,269.1525L495.1725,284.735C495.1725,285.7125 495.6325,286.1725 496.61,286.1725L499.485,286.1725C500.4625,286.1725 500.8075,285.7125 500.5775,284.7925L496.61,268.9225A5.75,5.75 0 0 0 497.99,268.29L500.8075,273.1775L505.9825,282.1475C506.3275,282.665 507.1325,282.8375 507.5925,282.6075L510.1225,281.1125C511.1,280.595 511.33,279.7325 510.4675,279.56L498.9675,267.6575A5.75,5.75 0 0 0 500.175,266.105L505.005,268.9225L513.975,274.0975C514.4925,274.385 515.2975,274.155 515.585,273.695L517.0225,271.165C517.5975,270.1875 517.3675,269.3825 516.5625,269.6125L500.635,265.07A5.75,5.75 0 0 0 500.635,265.0125A5.75,5.75 0 0 0 500.75,264.6675A5.75,5.75 0 0 0 500.9225,263.1725L516.735,263.1725C517.7125,263.1725 518.1725,262.7125 518.1725,261.735L518.1725,258.86C518.1725,257.8825 517.7125,257.5375 516.7925,257.7675L500.75,261.7925A5.75,5.75 0 0 0 500.5775,261.275A5.75,5.75 0 0 0 500.5775,261.2175A5.75,5.75 0 0 0 500.4625,260.93A5.75,5.75 0 0 0 500.29,260.585A5.75,5.75 0 0 0 500.175,260.2975L505.005,257.5375L513.8025,252.2475C514.665,251.7875 514.78,251.0975 514.4925,250.58L513.055,248.1075C512.48,247.13 511.79,246.8425 511.33,247.7625L499.5425,259.32A5.75,5.75 0 0 0 497.99,258.1125L500.8075,253.2825L505.81,244.3585C506.3275,243.52475 506.04,242.8635 505.5225,242.576L503.05,241.1385C502.0725,240.56177 501.325,240.621 501.3825,241.7135L496.955,257.595A5.75,5.75 0 0 0 495.1725,257.3075L495.1725,241.633C495.1725,240.67275 494.7125,240.1978 493.735,240.1978L490.86,240.1978z\" id=\"SHE_6e6894f6-dda8424d\" stroke=\"null\"/>\n  </g>\n  <g stroke=\"#000000\" id=\"BAG_007e8c11-547f44bc\" type=\"svg-ext-html_bag\" fill=\"#FFFFFF\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"right\">\n   <rect stroke=\"null\" stroke-width=\"0\" x=\"58\" y=\"257.43056\" width=\"211.99999\" height=\"163.99999\" id=\"svg_21d74aa0-ffa84a52\"/>\n   <foreignObject x=\"58\" y=\"257.43056\" height=\"163.99999\" width=\"211.99999\" id=\"H-BAG_e5c93c01-5654444e\">\n    <DIV style=\"width: 100%; height: 100%; vector-effect: non-scaling-stroke;\" id=\"D-BAG_e5c93c01-5654444e\">\n     <NGX-GAUGE class=\"ng-star-inserted\">\n      <DIV class=\"mygauge-container\">\n       <DIV style=\"font-size: 18px; color: rgb(0, 0, 0); top: 20%;\" class=\"mygauge-value\">0</DIV>\n       <CANVAS style=\"width: 212px; height: 164px;\" width=\"212\" id=\"myGauge\" height=\"164\" class=\"mygauge-canvas\"/>\n      </DIV>\n     </NGX-GAUGE>\n    </DIV>\n   </foreignObject>\n  </g>\n  <text fill=\"#000000\" stroke-width=\"0\" x=\"134\" y=\"452\" id=\"svg_27c24462-55284604\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\" stroke=\"#000000\">0-100模拟值</text>\n  <g stroke=\"#000000\" id=\"SLI_5e3b35ee-0d7442ed\" type=\"svg-ext-html_slider\" fill=\"#FFFFFF\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"right\">\n   <rect stroke=\"null\" stroke-width=\"0\" x=\"283.11943\" y=\"223.43814\" width=\"184.00001\" height=\"218.00001\" id=\"svg_0e7c156f-e48845ef\"/>\n   <foreignObject x=\"283.11943\" y=\"223.43814\" height=\"218.00001\" width=\"184.00001\" id=\"H-SLI_3ac4e2d3-f6c44ef2\">\n    <DIV style=\"width: 100%; height: 100%; vector-effect: non-scaling-stroke;\" id=\"D-SLI_3ac4e2d3-f6c44ef2\">\n     <NGX-NOUISLIDER class=\"ng-star-inserted\">\n      <DIV style=\"margin: 40px; font-family: sans-serif;\">\n       <DIV style=\"height: 138px;\" id=\"mySlider\" class=\"myslider-container noUi-target noUi-ltr noUi-vertical noUi-txt-dir-ltr\">\n        <DIV class=\"noUi-base\">\n         <DIV style=\"background: rgb(220, 220, 220);\" class=\"noUi-connects\">\n          <DIV style=\"background: rgb(73, 178, 255); transform: translate(0px, 0%) scale(1, 0.5);\" class=\"noUi-connect\"></DIV>\n         </DIV>\n         <DIV style=\"transform: translate(0px, 500%); z-index: 4;\" class=\"noUi-origin\">\n          <DIV style=\"background: rgb(1, 142, 245);\" aria-valuetext=\"50\" aria-valuenow=\"50\" aria-valuemax=\"100\" aria-valuemin=\"0\" aria-orientation=\"vertical\" role=\"slider\" tabindex=\"0\" data-handle=\"0\" class=\"noUi-handle noUi-handle-lower\">\n           <DIV class=\"noUi-touch-area\"></DIV>\n          </DIV>\n         </DIV>\n        </DIV>\n        <DIV class=\"noUi-pips noUi-pips-vertical\">\n         <DIV style=\"top: 0%; background: rgb(0, 0, 0); width: 12px; height: 2px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-large\"></DIV>\n         <DIV style=\"top: 0%; padding-left: 15px; font-size: 18px; color: rgb(0, 0, 0);\" data-value=\"0\" class=\"noUi-value noUi-value-vertical noUi-value-large\">0</DIV>\n         <DIV style=\"top: 3.84615%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 7.69231%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 11.5385%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 15.3846%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 19.2308%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 23.0769%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 26.9231%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 30.7692%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 34.6154%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 38.4615%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 42.3077%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 46.1538%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 50%; background: rgb(0, 0, 0); width: 12px; height: 2px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-large\"></DIV>\n         <DIV style=\"top: 50%; padding-left: 15px; font-size: 18px; color: rgb(0, 0, 0);\" data-value=\"50\" class=\"noUi-value noUi-value-vertical noUi-value-large\">50</DIV>\n         <DIV style=\"top: 53.8462%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 57.6923%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 61.5385%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 65.3846%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 69.2308%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 73.0769%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 76.9231%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 80.7692%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 84.6154%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 88.4615%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 92.3077%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 96.1539%; background: rgb(0, 0, 0); width: 5px; height: 1px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-normal\"></DIV>\n         <DIV style=\"top: 100%; background: rgb(0, 0, 0); width: 12px; height: 2px;\" class=\"noUi-marker noUi-marker-vertical noUi-marker-large\"></DIV>\n         <DIV style=\"top: 100%; padding-left: 15px; font-size: 18px; color: rgb(0, 0, 0);\" data-value=\"100\" class=\"noUi-value noUi-value-vertical noUi-value-large\">100</DIV>\n        </DIV>\n       </DIV>\n      </DIV>\n     </NGX-NOUISLIDER>\n    </DIV>\n   </foreignObject>\n  </g>\n  <g id=\"GSE_2aa7afdc-1f7c4f95\" type=\"svg-ext-gauge_semaphore\" fill=\"#FFFFFF\" font-size=\"14\" stroke=\"#000000\" stroke-width=\"0\" font-family=\"sans-serif\">\n   <ellipse stroke-width=\"0\" id=\"GSE_9295ea93-ccff4140\" cx=\"270.67\" cy=\"419.5\" rx=\"14\" ry=\"14\" fill=\"#FFFFFF\" stroke=\"#000000\"/>\n  </g>\n  <text fill=\"#000000\" stroke=\"#000000\" stroke-width=\"0\" x=\"270\" y=\"452\" id=\"svg_8739a187-47104514\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\">指示灯</text>\n  <text fill=\"#000000\" stroke=\"#000000\" stroke-width=\"0\" x=\"382\" y=\"452\" id=\"svg_b36ab3bc-b0604bd9\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\">滑块</text>\n  <text fill=\"#000000\" stroke=\"#000000\" stroke-width=\"0\" x=\"500\" y=\"36\" id=\"svg_2b8477ed-0dd046ca\" font-size=\"25\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\">欢迎使用iotgateway在线组态</text>\n  <text fill=\"#000000\" stroke=\"#000000\" stroke-width=\"0\" x=\"500\" y=\"322\" id=\"svg_a7055933-de32449a\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\">动画1</text>\n  <text fill=\"#000000\" stroke=\"#000000\" stroke-width=\"0\" x=\"490\" y=\"452\" id=\"svg_64d68be3-04e84e98\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\">动画2</text>\n  <g stroke=\"null\" id=\"PIE_923c051b-31124bd3\" type=\"svg-ext-pipe\">\n   <path stroke=\"#000000\" stroke-width=\"40\" id=\"bPIE_2fe1c5c2-f9c746d2\" d=\"M84.00005,524C989.99998,522 989.99998,522 989.99998,522\" fill=\"none\"/>\n   <path stroke=\"#0000ff\" stroke-width=\"30\" id=\"pPIE_a5bac69f-fb544186\" d=\"M84.00005,524C989.99998,522 989.99998,522 989.99998,522\" fill=\"none\"/>\n   <path stroke=\"#0044ff\" stroke-width=\"30\" id=\"cPIE_c18c2567-a4bc45b5\" d=\"M84.00005,524C989.99998,522 989.99998,522 989.99998,522\" fill=\"none\" stroke-dasharray=\"48 48\"/>\n  </g>\n  <text fill=\"#000000\" stroke=\"#000000\" stroke-width=\"0\" x=\"52\" y=\"486\" id=\"svg_7433f6b9-55404827\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" xml:space=\"preserve\">管道动画</text>\n  <text xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"19\" stroke-width=\"0\" id=\"svg_20d5f869-41884ebc\" y=\"170\" x=\"286\" stroke=\"#000000\" fill=\"#000000\">目前在线组态还没有与网关有机结合，以后考虑深度集成</text>\n  <text xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"19\" stroke-width=\"0\" id=\"svg_a77516ef-a2ef4c64\" y=\"114\" x=\"154\" stroke=\"#000000\" fill=\"#000000\">请不要修改网关已有数据</text>\n  <text id=\"svg_e18883fc-90e841b7\" xml:space=\"preserve\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"19\" stroke-width=\"0\" y=\"74\" x=\"204\" stroke=\"#000000\" fill=\"#000000\">在线组态工程，可以修改 但不要保存</text>\n  <g id=\"HXC_08496c4d-a1884164\" type=\"svg-ext-html_chart\" fill=\"#FFFFFF\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"right\" stroke=\"#000000\">\n   <rect stroke-width=\"0\" x=\"544\" y=\"193.99999\" width=\"380\" height=\"274.00001\" id=\"svg_b609b62a-5e26423b\" stroke=\"null\"/>\n   <foreignObject x=\"544\" y=\"193.99999\" height=\"274.00001\" width=\"380\" id=\"H-HXC_3d4f14fd-c7d04404\">\n    <DIV style=\"width: 100%; height: 100%; vector-effect: non-scaling-stroke;\" id=\"D-HXC_3d4f14fd-c7d04404\">\n     <CHART-UPLOT class=\"ng-star-inserted\">\n      <DIV style=\"background-color: rgba(0, 0, 0, 0);\" class=\"mychart-panel\">\n       <!---->\n       <NGX-UPLOT class=\"mychart-graph\">\n        <DIV>\n         <DIV id=\"chart1\" class=\"uplot u-hz\">\n          <DIV style=\"color: rgb(0, 0, 0); font-size: 18px; font-family: Roboto-Regular;\" class=\"u-title\">chart1</DIV>\n          <DIV style=\"width: 380px; height: 198px;\" class=\"u-wrap\">\n           <DIV style=\"left: 50px; top: 17px; width: 305px; height: 101px;\" class=\"u-under\"></DIV>\n           <CANVAS height=\"248\" width=\"475\"/>\n           <DIV style=\"left: 50px; top: 17px; width: 305px; height: 101px;\" class=\"u-over\">\n            <DIV style=\"transform: translate(-10px, 0px);\" class=\"u-cursor-x u-off\"></DIV>\n            <DIV style=\"transform: translate(0px, -10px);\" class=\"u-cursor-y u-off\"></DIV>\n            <DIV style=\"left: 0px; width: 0px; top: 0px; height: 0px;\" class=\"u-select\"></DIV>\n            <DIV style=\"width: 5px; height: 5px; margin-left: -2.5px; margin-top: -2.5px; transform: translate(-10px, -10px); background: rgb(68, 132, 239); border-color: rgb(68, 132, 239);\" class=\"u-cursor-pt u-off\"></DIV>\n            <DIV style=\"width: 5px; height: 5px; margin-left: -2.5px; margin-top: -2.5px; transform: translate(-10px, -10px); background: rgb(239, 9, 9); border-color: rgb(239, 9, 9);\" class=\"u-cursor-pt u-off\"></DIV>\n            <DIV style=\"width: 5px; height: 5px; margin-left: -2.5px; margin-top: -2.5px; transform: translate(-10px, -10px); background: rgb(0, 176, 80); border-color: rgb(0, 176, 80);\" class=\"u-cursor-pt u-off\"></DIV>\n           </DIV>\n          </DIV>\n         </DIV>\n        </DIV>\n       </NGX-UPLOT>\n      </DIV>\n     </CHART-UPLOT>\n    </DIV>\n   </foreignObject>\n  </g>\n  <g text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"19\" fill=\"#FFFFFF\" type=\"svg-ext-ape-eli\" id=\"SHE_d66c3d6c-7aa54ce6\" stroke=\"#000000\" transform=\"rotate(170 0,0) \"/>\n  <g id=\"SHE_71aa5b9e-df9b470d\" type=\"svg-ext-ape-piston\" fill=\"none\" font-size=\"14\" font-family=\"sans-serif\" text-anchor=\"middle\" stroke=\"#000000\">\n   <path id=\"SHE_cc760f48-c7ca4c21\" stroke-width=\"5\" d=\"M497.37455,340.87288L497.37455,393.04237\" stroke=\"null\"/>\n   <rect id=\"pmSHE_cc0ec66f-b8bc4476\" x=\"470\" y=\"390\" width=\"54\" height=\"28\" stroke=\"null\"/>\n  </g>\n </g>\n</svg>"}],"layout":{"start":"","navigation":{"mode":"void","type":"block","items":[]},"header":{"bkcolor":"#ffffff","fgcolor":"#000000"},"showdev":false,"inputdialog":"false","hidenavigation":"true","theme":"default"}},"version":"1.00","server":{"id":"0","name":"FUXA Server","type":"FuxaServer","property":{}},"charts":[{"id":"b1313a46a6-129013","name":"chart1","lines":[{"id":"t_32568b1c-c6d44cff","name":"v1/gateway/telemetry/ModbusTcp/humidity","device":"iotgateway","color":"#4484ef","label":"湿度","yaxis":1},{"id":"t_ab152868-8d3a474f","name":"v1/gateway/telemetry/ModbusTcp/random4","device":"iotgateway","color":"#ef0909","label":"随机数","yaxis":1},{"id":"t_48cc7c34-17294a01","name":"v1/gateway/telemetry/ModbusTcp/temperature","device":"iotgateway","color":"#00b050","label":"温度","yaxis":1}]}]}