Jquery justguage graphs не генерируется должным образом

Question

Привет, я использую JQuery plugin JUSTGUAGE для создания графиков svg.

Я следующий код в HTML

HTML

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

Первоначально один граф в там на странице AFER получения ответа АЯКС мне нужно обновить sameone вместо того, что новый график и два графика находятся в div, как будто он продолжает умножаться.

АЯКС КОД

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

} когда я отправить первый запрос один граф и второй запрос генерируется другой график.

JUST GUAGE КОД

function generate(cal) { 

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

Ijust хочет переписать старую вместо создания нового.

Answer 1

justGauge имеет функцию, чтобы сделать это называется «обновить»

Изменить свой Аякс:

.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); 
      })