The easiest way to handle this is usually server-side, but if you want to handle it in javascript, I wrote a hack that will do the job: http://jsfiddle.net/asgallant/MqERY/3/. The relevant code is near the bottom (see the section beginning with "var runOnce = ...").
On Wednesday, September 19, 2012 1:43:27 AM UTC-4, nishh wrote: > > <apex:page controller="DashPortalController" sidebar="false"> > <apex:pageMessages ></apex:pageMessages> > <!-- Google API inclusion --> > <apex:includeScript id="a" value="https://www.google.com/jsapi"; /> > > <apex:sectionHeader title="Google Charts" subtitle="Chart 1"/> > > <!-- Google Charts will be drawn in this DIV --> > > <apex:form > > <table align="center"> > <td><b>Date From:</b> > <input id="t" name="datee" > onfocus="DatePicker.pickDate(false,'t', false);" > size="12" tabindex="28" type="text" /> > > </td><td></td> > <td></td> > <td></td> > <td></td> > <td><b>Date To:</b> > <apex:outputText value="{0,date,dd/MM/yyyy}"> > <apex:param value="{!NOW()}" /> > </apex:outputText></td> > <td><button onclick="initCharts()">Go</button></td> > > </table> > </apex:form> > <div id="chartBlock" style="width: 500px; height: 500px;"/> > > <script type="text/javascript"> > > google.load('visualization', '1', {'packages':['corechart']}); > google.setOnLoadCallback(initCharts); > > function initCharts() { > var dateFrom= $('#t').val(); > DashPortalController.loadCustomerServiceSuccessRate( > dateFrom,function(result, event){ > if (event.status && event.result) { > > // for each result, apply it to template and append generated > markup > // to the results table body. > var visualization = new > google.visualization.PieChart(document.getElementById('chartBlock')); > var data = new google.visualization.DataTable(); > data.addColumn('string','Success or Failure'); > data.addColumn('number','Percentage'); > > var finalBean= result; > data.addRows([ > > ['Service Success Rate', finalBean.totalServiceColl], > ['Service Failure Rate', finalBean.totalCases]]); > > } else { > alert(event.message); > } > > visualization.draw(data,{title:'Service Success > Rate',legend : {position: 'bottom', textStyle: {color: 'blue', fontSize: > 10}}, width:window.innerWidth,vAxis:{textStyle:{color:'red', fontSize: > 15}}}); > }, {escape:true}); > } > </script> > > </apex:page> > -- 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/-/CY99f43PrmsJ. 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.
