asgallant: Thank You, the chart is now correct.
Mark On Apr 12, 2:12 pm, asgallant <[email protected]> wrote: > D'oh! There I go, not reading your code first. You can stack bars by data > series only, so you have to change the setup of your chart, so that each > row is instead a column: > > var data = new google.visualization.DataTable(); > data.addColumn('string', 'Category'); > data.addColumn('number', 'Building/Grounds'); > data.addColumn('number', 'Equipment Services'); > data.addColumn('number', 'Marketing Materials'); > data.addColumn('number', 'Other'); > data.addColumn('number', 'Raw Materials'); > data.addColumn('number', 'Office/Janitorial'); > data.addRows([ > ['Savings', 10800, 18754.08, 151999.58, 46942.91, 1118386, 10480] > ]); > > Then, the "istStacked" option will do what you want. > > > > On Thursday, April 12, 2012 1:52:31 PM UTC-4, Coltrane wrote: > > > First of all, thanks for the quick response. I made your suggested > > change - "isStacked:true". Unfortunately, the chart is still not > > stacked the change had no effect, aka there are still multiple bars. > > Is there something else I need to change? > > > Thanks, > > > Mark > > > On Apr 12, 11:56 am, asgallant <[email protected]> wrote: > > > That option is for the static Image Charts, you want to set the > > "isStacked" > > > option to true: > > > > var options = { > > > title: '2012 Procurement Savings Goal: $2 Million', > > > hAxis: { > > > title: 'Procurement Area', > > > titleTextStyle: { > > > color: 'red' > > > } > > > }, > > > isStacked: true > > > > }; > > > On Thursday, April 12, 2012 11:02:25 AM UTC-4, Coltrane wrote: > > > > > I'm a newbie, so forgive me ignorance, but I'm attempting to convert a > > > > standard bar chart I created based upon this code: > > > > > <html> > > > > > <head> > > > > > <script type="text/javascript" src="https://www.google.com/ > > > > jsapi"></script> > > > > > <script type="text/javascript"> > > > > > google.load("visualization", "1", {packages:["corechart"]}); > > > > > google.setOnLoadCallback(drawChart); > > > > > function drawChart() { > > > > > var data = new google.visualization.DataTable(); > > > > > data.addColumn('string', 'Area'); > > > > > data.addColumn('number', 'Savings'); > > > > > data.addRows([ > > > > ['Building/Grounds', 10800], > > > > > ['Equipment Services', 18754.08], > > > > > ['Marketing Materials', 151999.58], > > > > > ['Other', 46942.91], > > > > > ['Raw Materials', 1118386], > > > > > ['Office/Janitorial', 10480] > > > > > ]); > > > > > var options = { > > > > > title: '2012 Procurement Savings Goal: $2 Million', > > > > > hAxis: {title: 'Procurement Area', titleTextStyle: {color: > > > > 'red'}} > > > > > }; > > > > > var chart = new > > > google.visualization.ColumnChart(document.getElementById('chart_div')); > > > > > chart.draw(data, options); > > > > > } > > > > > </script> > > > > > </head> > > > > > <body> > > > > > <div id="chart_div" style="width: 900px; height: 500px;"></div> > > > > > </body> > > > > > </html> > > > > > My user wants a vertical bar chart with stacked bar(s). I have found > > > > the following code to select the chart type: > > > > > cht=bvs, > > > > > where and what syntax do I use to alter the chart type in the client > > > > side code? > > > > > Thanks in advance. -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. 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.
