1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | <?php include_once('include/common.inc.php'); include_header(); $db = $server->get_db('disclosr-agencies'); ?> <div class="foundation-header"> <h1><a href="about.php">Charts</a></h1> <h4 class="subheader">Lorem ipsum.</h4> </div> <div id="placeholder" style="width:900px;height:500px;"></div> <script id="source"> window.onload = function() { $(document).ready(function() { var d1 = []; var labels = []; <?php try { $rows = $db->get_view("app", "scoreHas?group=true", null, true)->rows; $dataValues = Array(); foreach ($rows as $row) { $dataValues[$row->value] = $row->key; } $i = 0; ksort($dataValues); foreach ($dataValues as $value => $key) { echo " d1.push([$i, $value]);" . PHP_EOL; echo " labels.push('$key');" . PHP_EOL; $i++; } } catch (SetteeRestClientException $e) { setteErrorHandler($e); } ?> function trackformatter(obj) { if (labels[Math.floor(obj.x)]) { return (labels[Math.floor(obj.x)])+"="+obj.y; } else { return ""; } } function tickformatter(val, axis) { if (labels[Math.floor(val)]) { return '<p style="margin-top:8em;-webkit-transform:rotate(-90deg);">'+(labels[Math.floor(val)])+"</b>"; } else { return ""; } } Flotr.draw(document.getElementById("placeholder"), [ {data: d1}], { HtmlText: true, bars : { show : true }, mouse : { track : true, relative : true, trackFormatter: trackformatter },yaxis: { min:0 }, xaxis: { minorTickFreq: 0.6, noTicks : 19, tickFormatter: tickformatter } }); }); }; </script> <?php include_footer(); ?> |