<div>
<script type="text/javascript">
google.charts.load('current', {'packages':['gauge']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['México', -9.0],
['EUA', -4.3],
['Chile', -6.1],
['España', -12.8]
]);
var options = {
min: -15,
max: 15,
width: 400, height: 120,
redFrom: -15, redTo: -1,
greenFrom:1, greenTo: 15,
minorTicks: 5
};
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
chart.draw(data, options);
setInterval(function() {
data.setValue(-15, 0, 15 + Math.round(0 * Math.random()));
chart.draw(data, options);
}, 0);
setInterval(function() {
data.setValue(-15, 0, 15 + Math.round(0 * Math.random()));
chart.draw(data, options);
}, 0);
setInterval(function() {
data.setValue(-15, 0, 15 + Math.round(0 * Math.random()));
chart.draw(data, options);
}, 0);
setInterval(function() {
data.setValue(-15, 0, 15 + Math.round(0 * Math.random()));
chart.draw(data, options);
}, 0);
}
</script>
</div>