That was just the snippet of the properties I was trying to use, I am although creating different/seperate DataTable > Filtering in Data View, Chart object, Chart options , Chart instance and even the HTML place holders are separate. Since I debugged and it looks like when I call the method draw for the 2nd chart, The error comes up, I was wondering if any of these properties might have something to do with it.
On Friday, June 5, 2015 at 1:37:22 PM UTC-7, Daniel LaLiberte wrote: > We would have to see more code to tell whether the flow you described > corresponds to something that could work, or what the problem might be. > You can, in general, draw multiple charts on the same page. But you have > to be careful about giving each chart its own element. From the code > snippet you pasted, you appear to be using only one element with > id="Chart". If you want to overwrite the previous chart in the same > element, that should also work, but it would be safer to clear the previous > chart before drawing the next chart. > > On Fri, Jun 5, 2015 at 4:29 PM, Sheelam Misra <[email protected] > <javascript:>> wrote: > >> I am trying to mimic a dashboard and since my data is not strongly >> coupled, I am trying to create charts and add Actions to them. >> >> The flow is such as >> Draw Chart 1 on Load > user selects value(ch1_a, ch1_b) on Chart 1 > get >> data for Chart2 based on (ch1_a, ch1_b) > draw Chart2 > user selects >> value(ch2_a, ch2_b) on Chart 2 > get data for Chart3 based on (ch2_a, >> ch2_b) >>>> ....... and so on till I draw Chart4 >> >> I want Chart 1, 2,3 to be all Stacked bar Charts, and I am trying to use >> the below settings and I am able to draw Chart1 as I intend it to be but >> when I try passing value from Chart 1 to Chart2 and draw it, it gives me >> the error "Object does not support this Action" >> Apparently if I change my Chart2,3 to "google.charts.Bar" chart Type, >> everything works the way I intend it to be. >> >> What am I doing wrong here ? >> >> var ChartOptions = { >> title: 'PCS CASH Flow', >> enableInteractivity: 'true', >> width: 1500, >> height: 450, >> legend: { position: 'top', maxLines: 3 }, >> bar: { groupWidth: '75%' }, >> isStacked: true, >> colors: >> ['#56595c','#e76f00','#9e948d','#6ab2e7','#d5d5ac','#003399'], >> focusTarget: 'datum',// 'category' for selecting entire stacked >> column >> vAxis: {title: "Gross"}, >> hAxis: {title: "Months"}, >> seriesType: "bars", >> chartArea: {backgroundColor: "Black"} >> >> }; >> >> Chart = new >> google.visualization.ComboChart(document.getElementById("Chart")); >> google.visualization.events.addListener(Chart, 'select', >> SelectHandler); >> Chart.draw(data, Options); >> >> >> -- >> 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] >> <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> Visit this group at >> http://groups.google.com/group/google-visualization-api. >> For more options, visit https://groups.google.com/d/optout. >> > > > > -- > Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> > - 978-394-1058 <#> > [email protected] <javascript:> 5CC, Cambridge MA > [email protected] <javascript:> 9 Juniper Ridge Road, Acton MA > -- 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.
