59 lines
1.5 KiB
Plaintext
59 lines
1.5 KiB
Plaintext
<div class="box-header">
|
|
<h2>
|
|
<i class="icons-book-2"></i>
|
|
<span class="break"></span>
|
|
Monthly Traffic
|
|
</h2>
|
|
</div>
|
|
<div class="box-content">
|
|
<div id="month_traffic"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
google.load("visualization", "1", {packages:["corechart"]});
|
|
|
|
var chart;
|
|
var datas =<%= raw(get_month_traffic) %>;
|
|
var initData;
|
|
|
|
google.setOnLoadCallback(init);
|
|
window.onresize = drawChart;
|
|
|
|
function init() {
|
|
initData = new google.visualization.DataTable();
|
|
|
|
$.each(datas,function(idx,data){
|
|
initData.setValue(idx,1,[data[0],0]);
|
|
});
|
|
|
|
var options = {
|
|
title: 'Monthly Visits',
|
|
titlePosition: 'in',
|
|
fontSize: 10,
|
|
curveType: 'function',
|
|
hAxis:{
|
|
slantedText: true,
|
|
slantedTextAngle: 35
|
|
},
|
|
chartArea:{
|
|
width: '90%',
|
|
left: 50,
|
|
right: 0
|
|
},
|
|
animation:{
|
|
duration: 1000,
|
|
easing: 'out',
|
|
}
|
|
};
|
|
|
|
drawChart();
|
|
}
|
|
|
|
function drawChart() {
|
|
chart = new google.visualization.AreaChart(document.getElementById('month_traffic'));
|
|
chart.draw(google.visualization.arrayToDataTable(initData), options);
|
|
|
|
// $.each(datas,function(idx,data){
|
|
// initData.push([data[0],0]);
|
|
// });
|
|
}
|
|
</script> |