given this fiddle
https://jsfiddle.net/uxsv9Lwd/2/
how would you only apply the style to the right axes?
specifying options['vAxis']['0']['format'] = this.value; does nothing
Thanks in advance
On Tuesday, April 22, 2014 at 5:57:11 PM UTC+2, Andrew Gallant wrote:
>
> 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 view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/a0d1733d-34b5-4729-964e-867dd150ee68%40googlegroups.com.
