Format vAxis to Percent

29 views

Skip to first unread message

Chelsea Pitcher

unread,

Sep 14, 2017, 11:47:35 AM9/14/17

to Google Visualization API

Hi there,

I can't seem to get my vAxis to display a percentage, but my tooltips are displaying percentages. Anyone have an idea on how to fix? Thanks a bunch! Here is the code:

<html>

<head>

<option value="percent">percent</option>

google.charts.load('current', { 'packages': ['corechart', 'bar'] });

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var query = new google.visualization.Query("https://docs.google.com/spreadsheets/d/1MR-iqhpvCCNWjYVOWyeYp19YlLEIKf_cqzLVk0LvF5s/edit#gid=0?range=A1:D7");

query.send(handleQueryResponse);

}

function handleQueryResponse(response) {

var data = response.getDataTable();

var chart = new google.visualization.ColumnChart(document.getElementById('student_chart'));

var options = {

isStacked: 'false',

title: 'Number of Unique Students by Year',

curveType: 'function',

legend: { gridlines: 'bottom' },

colors: ['red', 'yellow', 'green'],

pointSize: 20,

series: {

vAxis: {format: "###'%'"},

}

};

chart.draw(data, options);

}

</script>

</head>

<body>

</body>

</html>

Reply all

Reply to author

Forward

0 new messages