//fetch all poolevents of the selected #poolselectbox value function fetchPoolEvents() { poolID = $("#poolselectbox option:selected").val(); plot(); } function setPoolIDtmp() { poolIDtmp = $("#poolselectbox option:selected").val(); } function plot() { poolID = $("#poolselectbox option:selected").val(); $.get("/statistics/typeplot/poolID/" + poolID, function(data) { if(data.dataBar == '0,other,0,repeat,0,immediate' && poolID != 'default') { $('#plotBar').empty(); $('#plotPie').empty(); $( "#noEventsDialog" ).dialog('open'); } else if (poolID == 'default') { $('#plotBar').empty(); $('#plotPie').empty(); } else refreshPlot(data.dataBar, data.dataPie); }, "json"); } function refreshPlot(dataBar, dataPie) { $('#plotBar').empty(); $.jqplot('plotBar', dataBar, { seriesDefaults: { renderer:$.jqplot.BarRenderer, pointLabels: { show: true, location: 'e', edgeTolerance: -15 }, shadowAngle: 135, rendererOptions: { barDirection: 'horizontal', varyBarColor : true } }, axes: { yaxis: { renderer: $.jqplot.CategoryAxisRenderer } } }); $('#plotPie').empty(); $.jqplot('plotPie', dataPie, { seriesDefaults: { // Make this a pie chart. renderer: jQuery.jqplot.PieRenderer, rendererOptions: { // Put data labels on the pie slices. // By default, labels show the percentage of the slice. showDataLabels: true, lineLabels: true, varyBarColor : true } } }); } $(document).ready(function(){ //fetch poollist from pbs database $.get("/event/getpoollist/", function(getpoollistresult){ $("#poolselectbox").append(getpoollistresult); poolIDtmp = $("#poolselectbox option:selected").val(); fetchPoolEvents(); }); }); $(function() { $( "#noEventsDialog" ).dialog({ autoOpen: false, width: 600, modal: true, title: "No Events", buttons: { "OK": function() { $(this).dialog("close"); } }, open: function () { $(".ui-dialog-titlebar-close").hide(); //$(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error"); } }); });