Question

我正在开发一个页面，该页面显示来自服务器的实时数据。现在，我正在使用一些mqtt客户端websocket（例如hivemq）对其进行测试。我收到的值本身显示在chrome控制台中，但我正在尝试使用NGX-GAUGE将其值图形化。 ngx-gauge在页面上正确显示，并且如果我将“ gaugeValue”放到标准数字中也可以使用（也可以使用Math.Random），但是如果我从MQTT代理获取值，则不会任何东西

当我尝试从MQTT经纪人那里获取价值时，ngx-gauge的价值和绿线（应该实时增加/减少）没有作用

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<span>Token: <span id="token"></span></span>
<script>
var TokenIdentifier = ""
var ClientIdentifier = ""
var i = {
    "X-Plex-Product": "Plex SSO",
    "X-Plex-Token": TokenIdentifier,
    "X-Plex-Client-Identifier": ClientIdentifier 
};
$.ajax({
    dataType: "json",
    type: "GET",
    headers: i,
    url: "https://plex.tv/api/claim/token.json",
    crossDomain: !0,
    success: function(e) {
        $.each(e, function(index, element) {
            document.getElementById("token").innerHTML = element;
        });
    }
})
</script>

它应该简单地显示该值，并实时显示该值与之对应的行

Answer 1

我也遇到了同样的问题，但是我通过这种方式编写代码后解决了这个问题：

gaugeValue= 0; //define minimum value in export

this.gaugeValue= (message.payloadString);  // intead of "this.valore" use this.gaugeValue

请参阅屏幕截图1和2了解更多信息； I used _thoughput_gaugeValue for defining

same _thoughput_gaugeValue is used as this._thoughput_gaugeValue for getting data. Do not declare _thoughput_gaugeValue:any

ngx-gauge不显示接收到的数据

1 个答案: