添加後綴到谷歌計量器底部標籤防止它改變

Question

我有一個谷歌衡量，動態從數據庫檢索數據與PHP，問題是，我希望計量器在底部標籤中有一個後綴，我已經使用：

// This is what creates the problem 
    var formatter = new google.visualization.NumberFormat({ 
    suffix: '%', 
    fractionDigits: 0 
    }); 
    formatter.format(data, 1); 

而且直到我開始隨着時間的推移改變的計量值能正常工作。只有指針移動，底部女巫的標籤說'數值+％'保持不變。

任何人都知道如何解決這個問題？！？

守則規：

function SOC() { 
    var data = google.visualization.arrayToDataTable([ 
    ['Label', 'Value'], 
    ['SOC', 10] 
    ]); 
    var options = { 
    width: 250, height: 250, 
    redFrom: 0, redTo: 10, 
    yellowFrom: 10, yellowTo: 25, 
    minorTicks: 5, 
    majorTicks: ['0','25','50','75','100'] 
    }; 
    var formatter = new google.visualization.NumberFormat({ 
    suffix: '%', 
    fractionDigits: 0 
    }); 
    formatter.format(data, 1); 
    var chart = new google.visualization.Gauge(document.getElementById('SOC')); 

    chart.draw(data, options); 
    setInterval(function() { 
    $.ajax({ 
     url: "soc.php", 
     dataType: "JSON", 
     data:{}, 
     success: function(x){ 
      console.log(x["SOC"]); 
      data.setValue(0, 1, x["SOC"]); 
      chart.draw(data, options); 
     } 
    }); 
    }, 2000); 
} 

Answer 1

嘗試調用formatter.format（數據，1）更新後的數據：

setInterval(function() { 
      data.setValue(0, 1, 40 + Math.round(60 * Math.random())); 
      formatter.format(data, 1); 
      chart.draw(data, options); 
     }, 1000); 

看看這個fiddle

希望這有助於
Krzysztof