vAxes is documented in the configuration options for each chart that
supports multiple vertical axes (ex: line charts:
https://developers.google.com/chart/interactive/docs/gallery/linechart#Configuration_Options
).
On Thursday, August 9, 2012 6:56:32 PM UTC-4, David Boggus wrote:
>
> Wow, Thanks for the response. Is this stuff, using a secondary axis
> documented somewhere? I've only been able to find information for it on
> these groups.
>
>
> On Tuesday, August 7, 2012 5:07:27 PM UTC-5, asgallant wrote:
>>
>> You almost had it, use vAxes instead of vAxis when formatting multiple
>> axes:
>>
>> vAxes: {
>> 0: {format: '#,###'},
>> 1: {format: '#%'}
>> }
>>
>> On Tuesday, August 7, 2012 4:58:16 PM UTC-4, David Boggus wrote:
>>>
>>> I posted this question on
>>> Stackoverflow<http://stackoverflow.com/questions/11852711/google-visualization-api-format-secondary-y-axis-different-from-primary-y-axis>already
>>> but have not received any responses yet so I figured this might be
>>> a better place to post it.
>>>
>>>
>>> I have some data that I am trying to display using the Google
>>> Visualization API. I have been able to create the graph and it looks great
>>> except that the Secondary Y-Axis should be displayed as percentages instead
>>> of regular numbers. Here is my code and an image of what is produced.
>>>
>>> google.load('visualization', '1', {packages: ['corechart']});
>>>
>>> function drawVisualization() {
>>> //Some raw data (not necessarily accurate)'
>>> var data = google.visualization.arrayToDataTable([
>>> ['AuditPeriod', 'Audit Count', 'Fail Percentage'],
>>> ['02-11-2012', 0, 0],
>>> ['02-18-2012', 0, 0],
>>> ['02-25-2012', 0, 0],
>>> ...
>>> ['07-21-2012', 1476, .233062],
>>> ['07-28-2012', 1651, .253180],
>>> ['08-04-2012', 2217, .210645]
>>> ]);
>>>
>>> var options = {
>>> vAxis: [0: {format: '#,###'}, 1: {format: '#%'}],
>>> hAxis: { title: "Week", format: 'm/d/y'},
>>> series: {
>>> 0:{ type: "bars", targetAxisIndex: 0 },
>>> 1: { type: "line", targetAxisIndex: 1}
>>> }
>>> }
>>>
>>> var chart = new
>>> google.visualization.ComboChart(document.getElementById('chart_div'));
>>> chart.draw(data, options);
>>> }
>>> google.setOnLoadCallback(drawVisualization);
>>>
>>> [image: enter image description here]
>>>
>>> If I set vAxis:{format: '#%'} then both axes are formated as
>>> Percentages which I don't want. Is there a way to format the second axis
>>> different form the first?
>>>
>>>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/8Dh6AqWRbKUJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
