Hi. I use D3 charts to create graphs that represent data in real time.
We confirmed that the value of msg.payload is transferred well by using h2 option./
However, the {{msg.payload}} is entered at the place where the actual data is inserted in the gauge graph, but the graph does not appear.
Please tell me the solution to this. Thanks.
This is my Flow.
[{"id":"df0d683b.67b328","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"4c4bd211.e3fbac","type":"inject","z":"df0d683b.67b328","name":"","topic":"","payload":"\"13\"","payloadType":"json","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":630,"y":200,"wires":[["f895acd7.ae28e","83b3486f.5726a8"]]},{"id":"f895acd7.ae28e","type":"debug","z":"df0d683b.67b328","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","x":810,"y":200,"wires":[]},{"id":"83b3486f.5726a8","type":"ui_template","z":"df0d683b.67b328","group":"d7f90df1.90619","name":"","order":0,"width":"0","height":"0","format":"<!DOCTYPE html>\n<html>\n<head lang=\"en\">\n <meta charset=\"UTF-8\">\n <title></title>\n <script src=\"http://d3js.org/d3.v3.min.js\" language=\"JavaScript\"></script>\n <script src=\"liquidFillGauge.js\" language=\"JavaScript\"></script>\n <style>\n .liquidFillGaugeText { font-family: Helvetica; font-weight: bold; }\n </style>\n</head>\n<body>\n<h2>{{msg.payload}}</h2>\n<svg id=\"fillgauge2\" width=\"97%\" height=\"230\" onclick=\"gauge2.update(NewValue());\"></svg>\n<svg id=\"fillgauge3\" width=\"19%\" height=\"200\" onclick=\"gauge3.update(NewValue());\"></svg>\n<svg id=\"fillgauge4\" width=\"19%\" height=\"200\" onclick=\"gauge4.update(NewValue());\"></svg>\n<svg id=\"fillgauge5\" width=\"19%\" height=\"200\" onclick=\"gauge5.update(NewValue());\"></svg>\n<svg id=\"fillgauge6\" width=\"19%\" height=\"200\" onclick=\"gauge6.update(NewValue());\"></svg>\n<script language=\"JavaScript\">\n\n var config1 = liquidFillGaugeDefaultSettings();\n config1.circleColor = \"#FF7777\";\n config1.textColor = \"#FF4444\";\n config1.waveTextColor = \"#FFAAAA\";\n config1.waveColor = \"#0FF\";\n config1.circleThickness = 0.2;\n config1.textVertPosition = 0.2;\n config1.waveAnimateTime = 1000;\n\n var gauge2= loadLiquidFillGauge(\"fillgauge2\", {{msg.payload}}, config1);\n\n\n</script>\n</body>\n</html>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":760,"y":260,"wires":[[]]},{"id":"d7f90df1.90619","type":"ui_group","name":"Group 1","tab":"4ed9f725.952d68","order":1,"disp":true,"width":6},{"id":"4ed9f725.952d68","type":"ui_tab","name":"Tab 1","icon":"dashboard","order":1}]
