If it runs fine in jsfiddle, then it is likely that there is another
component in your page that is interfering and causing problems. Try
disabling all other features and javascript on your page and re-enabling
them one by one until it fails again.
On Wednesday, July 16, 2014 12:39:42 PM UTC-4, ma wrote:
>
> I made couple of changes to the server side code, which has allowed the
> data to output in the drawVisualisation call, as shown below;
>
> <script
> type="text/javascript">google.load('visualization','1.0',{'packages':['corechart','controls']});google.setOnLoadCallback(function(){drawVisualization([{"Type":"bs","PType":"cv","COUNT":2576},{"Type":"cd","PType":"cv","COUNT":2056},{"Type":"cl","PType":"cv","COUNT":9901},{"Type":"cm","PType":"cv","COUNT":10079},{"Type":"rm","PType":"cv","COUNT":12242},{"Type":"bs","PType":"tk","COUNT":3678},{"Type":"cd","PType":"tk","COUNT":7567},{"Type":"cl","PType":"tk","COUNT":42976},{"Type":"cm","PType":"tk","COUNT":21245},{"Type":"rm","PType":"tk","COUNT":44379},{"Type":"bs","PType":"TRD","COUNT":7},{"Type":"cd","PType":"TRD","COUNT":50},{"Type":"cl","PType":"TRD","COUNT":86},{"Type":"cm","PType":"TRD","COUNT":202},{"Type":"rm","PType":"TRD","COUNT":116}],'Name
>
> Example','Type,');});</script></form>
>
> *However, I am now getting error --> [one or more participants failed to
> draw()]*,on the client side. I have copied in my javascript code below,
> for further reference.
>
>
> function drawVisualization(dataValues, chartTitle, columnNames,
> categoryCaption) {
> if (dataValues.length < 1)
> return;
>
> var data = new google.visualization.DataTable();
> data.addColumn('string', columnNames.split(',')[0]);
> data.addColumn('string', columnNames.split(',')[1]);
> data.addColumn('number', columnNames.split(',')[2]);
>
> for (var i = 0; i < dataValues.length; i++) {
>
> data.addRow([dataValues[i].Type, dataValues[i].PType,
> dataValues[i].COUNT]);
> }
>
>
>
> var line = new google.visualization.ChartWrapper({
> 'chartType': 'ColumnChart',
> 'containerId': 'chart1',
> 'options': {
> 'width': '1200',
> 'height': '500',
> 'legend': 'none'
> },
>
> 'view': { 'columns': [2, 0] }
> });
>
> var table = new google.visualization.ChartWrapper({
> 'chartType': 'Table',
> 'containerId': 'chart2',
> 'options': { 'height': '25em', 'width': '80em' }
> });
>
> var categoryPicker = new google.visualization.ControlWrapper({
> 'controlType': 'CategoryFilter',
> 'containerId': 'Contorl1',
> 'options': {
> 'filterColumnLabel': columnNames.split(',')[1],
> 'filterColumnIndex': '1',
>
> 'ui': {
>
> 'label': 'Price'
> }
> }
>
> });
>
> new
> google.visualization.Dashboard(document.getElementById('PieChartExample')).bind([categoryPicker],
>
> [line, table]).draw(data);
>
> }
>
>
> </script>
>
> <div id="PieChartExample">
> <table>
> <tr style='vertical-align: top'>
>
> <td >
> <div style="float: left;" id="chart1"></div>
>
> </td>
>
> </tr>
> <tr>
> <td >
> <div style="float: left;" id="chart2"></div>
>
> </td>
>
> </tr>
> <tr>
> <td style='width: 600px'>
>
> <div style="float: left;" id="control2"></div>
> </td>
>
> </tr>
>
> </table>
> </div>
>
> I have tried running the code in JSfiddle but their seems to be no syntax
> error with the code, so I am little unsure where I may be going wrong.
> Please advice further, if possible.
>
> Thanks
>
--
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.
