Javascript 为google gauge底部标签添加后缀可防止其更改
我有一个google gauge,它使用PHP从数据库中动态检索数据,问题是我希望gauge在底部标签中有一个后缀,我使用过:Javascript 为google gauge底部标签添加后缀可防止其更改,javascript,google-api,google-visualization,google-gauges,Javascript,Google Api,Google Visualization,Google Gauges,我有一个google gauge,它使用PHP从数据库中动态检索数据,问题是我希望gauge在底部标签中有一个后缀,我使用过: // This is what creates the problem var formatter = new google.visualization.NumberFormat({ suffix: '%', fractionDigits: 0 }); formatter.format(data, 1); 这很好,直到我开始随着时间改
// 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);
}
更新数据后,尝试调用formatter.format(数据,1):
setInterval(function() {
data.setValue(0, 1, 40 + Math.round(60 * Math.random()));
formatter.format(data, 1);
chart.draw(data, options);
}, 1000);
看看这个