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? >>>> >>>>
-- 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/-/sV3wnPOfrxEJ. 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.
