Set the vAxes.1.title option:
vAxes: {
0: {
// options for left y-axis
},
1: {
// options for right y-axis
title: 'Right y-axis title'
}
}
On Tuesday, April 22, 2014 6:11:47 AM UTC-4, Ashish Sharma wrote:
>
>
>
> On Friday, August 10, 2012 4:44:30 AM UTC+5:30, David Boggus wrote:
>>
>> Thanks again. I remember seeing it but I guess it just didn't click.
>>
>> On Thursday, August 9, 2012 6:02:34 PM UTC-5, asgallant wrote:
>>>
>>> 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?
>>>>>> How can i apply different title for different Y-AXIS ?
>>>>>>
>>>>>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
