Javascript Jquery justguage图未正确生成

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

我有以下html代码

HTML

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

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

只需语言代码

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

function generate(cal) {

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

---

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

justGauge有一个功能来完成这个任务，叫做“刷新”

将ajax更改为：

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

并更改您的justgage代码，以便在生成方法之外可以访问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);
            })