javascript - 如何更新动画圈的实时 ajax 请求

问题描述

所以我正在使用gaugeMeter动态显示我的 elasticSearch Host 的 cpu 使用情况，这些值显示正常，但是仪表/圆圈的动画表现很奇怪，而不是指示器从相同的位置继续动画，它全部返回到 0。例如，假设您正在开车，当您加速时，在我的情况下，指示器会加速，它会一直回到 0 并达到该值，而不是从旧值继续。 感觉就像我在这里骑一辆破车......

它与使用 setInterval 有关吗？如果是这样，我如何保留旧值并根据它进行更新

function fetchdata(){
            $.ajax({
            url:"http://localhost:9200/_cat/nodes?format=json",
            type:"GET",
            dataType:"json",
            success: function(data){

            var temp1 = data;

        $("#GaugeMeter_1").gaugeMeter({
            
            percent:data[0].cpu,
            text:data[0].cpu,
            text_size:1,
            width:7,
            animate_text_colors:true,
            animationstep:2,
            showvalue:true,
            animate_gauge_colors:true
            });
            }
            
            });
            }

            setInterval(fetchdata,1000);

标签： javascriptjqueryajaxapielasticsearch

javascript - 如何更新动画圈的实时 ajax 请求

问题描述

解决方案

推荐阅读