Question

朋友们，我正在使用Jquery插件JUSTGUAGE来生成svg图。

我在html中有以下代码

HTML

      <div>
        <div>
    <div id="g1" class="graph">
                        </div>
         </div>         
                                </div>

最初在接收AJax响应的页面中有一个图形我需要更新同一个图形，而不是创建一个新图形，并且div中存在两个图形，就像它一直在增加。

AJAX代码

 $function{ 
 //code
.done(
            function(data) {
                var cal = 0;
                   cal= data.cal
                   generate(cal);        
                )

} 当我发送第一个请求时，一个图表和第二个请求生成另一个图表。

JUST GUAGE CODE

function generate(cal) {

    var g1 = new JustGage({
        id : "g1",
        value : cal,
        min : 0,
        max : 100,
        title : "Protein",
        label : "",
        levelColorsGradient : false
    });

我想覆盖旧的而不是创建新的。

Answer 1

justGauge有一个名为“刷新”的功能

将您的ajax更改为：

.done(
        function(data) {
            var cal = 0;
               cal= data.cal
               g1.refresh(cal);        
            })

并更改您的行李代码，以便在您的生成方法之外访问g1：

var g1;
function generate(cal) {
    g1 = new JustGage({
      id : "g1",
      value : cal,
      min : 0,
      max : 100,
      title : "Protein",
      label : "",
      levelColorsGradient : false
  });
}
generate(0); //or whatever your want initial value to be

如果您在ajax调用之前不需要任何量具，则可以执行以下操作：

.done(
        function(data) {
            var cal = 0;
               cal= data.cal
               if(g1)
                   g1.refresh(cal);        
               else
                   generate(cal);
            })

Jquery justguage图表没有正确生成

1 个答案: