Select Git revision
parallel.ts
graph_TopTargetportsNum.html 1.91 KiB
<? #todo: xss, jsi ?>
<html>
<head>
<script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(fetchData);
function fetchData() {
$.getJSON('graph_TopTargetports.php', drawChart);
}
function drawChart(sdata) {
//console.log(sdata);
var data = new google.visualization.DataTable();
//sort, port vs count
var a = sdata.data.sort(function(a,b){return a[0]-b[0]});
sdata.data = a;
//console.log(sdata.cols);
//haxis string vs number - rozdil v zobrazeni
//data.addColumn('string', sdata.cols[0]);
data.addColumn('number', sdata.cols[0]);
data.addColumn('number', sdata.cols[1]);
// for (var i = 0; i < sdata.cols.length; i++) {
// data.addColumn('number', sdata.cols[i]);
// }
sdatalen=sdata.data.length;
if(sdatalen > 1000) {
alert("Too many rows:"+sdatalen);
sdatalen=1000;
}
for (var i = 0; i < sdatalen; i++) {
//console.log(sdata.data[i]);
//haxis string vs number - rozdil v zobrazeni
//sdata.data[i][0] = sdata.data[i][0].toString();
data.addRow(sdata.data[i]);
}
var options = {
vAxis: { logScale: true },
hAxis: { logScale: true },
chartArea: {'width': '90%', 'height': '70%'},
legend: {'position': 'in'},
};
//var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 100%; height: 100%;"></div>
</body>
</html>