I have a gauge chart that uses a locally sourced variable '@conv'.
<script type='text/javascript'>
google.load('visualization', '1', {packages:['gauge']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['', @conv],
]);
var options = {
width: 150, height: 200,
redFrom: 0, redTo: 0.50,
yellowFrom:0.50, yellowTo: 0.59,
minorTicks: 10,
max: 1, greenFrom:0.60,
greenTo:1
};
var chart = new google.visualization.Gauge(document.getElementById('conv_dial'));
chart.draw(data, options);
}
</script>
As you can see, I've taken the Label off by passing an empty value for it: ''.
The gauge works fine, but it also displays the value in text, right across the bottom of the gauge. As the value is a percentage with 10 decimal places... its really messy.
How do I remove the text from the visualisation? Or format it, even?
Thanks in advance.