Here is the link for you to view-
http://medeolinx.com/BASP/vcf-details-visualize.php.
It takes a sec to load. I am also displaying the data returned in the alert
box. (For now only small test data but it will be a lot more). Also for now
there is one control but I will add more controls to dashboard
The code
<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['controls']});
$(document).ready(function (){
// Set a callback to run when the Google Visualization API is
loaded.
//alert("loaded");
google.setOnLoadCallback(visualizebase);
var vcffilename='vcf1';
function visualizebase() {
var jsonDataResult = $.ajax({
url:"getvcfvisualizeData.php",
data:{vcffilename:vcffilename,
visualtype:'base'},
dataType: "text",
async: false,
success: (
function(data) {
alert(data);
alert("loaded");
var tData =
google.visualization.arrayToDataTable(eval(data));
// Create a dashboard.
var dashboard = new
google.visualization.Dashboard(document.getElementById('dashboard_div'));
// Define a category picker for the 'Go Name'
column.
var platformPicker = new
google.visualization.ControlWrapper({
'controlType': 'CategoryFilter',
'containerId': 'platformPicker_div',
'options': {
'filterColumnLabel': 'Reference',
'ui': {
//'allowTyping': true,
'allowMultiple': true,
//'sortValues':true,
'labelStacking':'vertical',
'state': {'selectedValues': ['A', 'C']},
'selectedValuesLayout': 'belowStacked'
}
}
});
var altPicker = new
google.visualization.ControlWrapper({
'controlType': 'CategoryFilter',
'containerId': 'altPicker_div',
'options': {
'filterColumnLabel': 'Alt',
'ui': {
'allowMultiple': true,
'labelStacking':'vertical',
'selectedValuesLayout': 'belowStacked'
}
}
});
var table = new
google.visualization.ChartWrapper({
'chartType': 'Table',
'containerId': 'table_div',
'options': {
'page': 'enable',
'pageSize': 20,
'pagingSymbols': {prev: 'prev', next:
'next'},
'pagingButtonsConfiguration': 'auto',
'showRowNumber':true
}
});
dashboard.bind(altPicker, table);
dashboard.draw(tData);
})
});
}
});
</script>
BTW is visualization able to handle large amounts of data? How can I solve
performance issue.
Ragini
On Thursday, 18 July 2013 17:37:14 UTC-4, asgallant wrote:
>
> I've never heard of that behavior before. Can you post your code or a
> link to the page so I can check it out?
>
> On Thursday, July 18, 2013 4:07:56 PM UTC-4, Ragini Pandey wrote:
>>
>> Hi,
>>
>> I am trying to use Dashboard with Category Filter and table controls. The
>> problem I am facing with the Category filter is it gets disabled once the
>> entire page is loaded with table. I can select and pick the value while the
>> table is still loading and it filters the data in table as well. But after
>> the table is displayed the Category filter gets disabled (not able to
>> select/display filter values).
>> Please help. Am not sure what's going on.
>>
>> Thanks
>> Ragini
>>
>
--
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/groups/opt_out.
