102 lines
2.7 KiB
JavaScript
102 lines
2.7 KiB
JavaScript
"use strict";
|
|
|
|
var statistics_chart = document.getElementById("myChart").getContext('2d');
|
|
|
|
var myChart = new Chart(statistics_chart, {
|
|
type: 'line',
|
|
data: {
|
|
labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
|
datasets: [{
|
|
label: 'Statistics',
|
|
data: [640, 387, 530, 302, 430, 270, 488],
|
|
borderWidth: 5,
|
|
borderColor: '#6777ef',
|
|
backgroundColor: 'transparent',
|
|
pointBackgroundColor: '#fff',
|
|
pointBorderColor: '#6777ef',
|
|
pointRadius: 4
|
|
}]
|
|
},
|
|
options: {
|
|
legend: {
|
|
display: false
|
|
},
|
|
scales: {
|
|
yAxes: [{
|
|
gridLines: {
|
|
display: false,
|
|
drawBorder: false,
|
|
},
|
|
ticks: {
|
|
stepSize: 150
|
|
}
|
|
}],
|
|
xAxes: [{
|
|
gridLines: {
|
|
color: '#fbfbfb',
|
|
lineWidth: 2
|
|
}
|
|
}]
|
|
},
|
|
}
|
|
});
|
|
|
|
$('#visitorMap').vectorMap(
|
|
{
|
|
map: 'world_en',
|
|
backgroundColor: '#ffffff',
|
|
borderColor: '#f2f2f2',
|
|
borderOpacity: .8,
|
|
borderWidth: 1,
|
|
hoverColor: '#000',
|
|
hoverOpacity: .8,
|
|
color: '#ddd',
|
|
normalizeFunction: 'linear',
|
|
selectedRegions: false,
|
|
showTooltip: true,
|
|
pins: {
|
|
id: '<div class="jqvmap-circle"></div>',
|
|
my: '<div class="jqvmap-circle"></div>',
|
|
th: '<div class="jqvmap-circle"></div>',
|
|
sy: '<div class="jqvmap-circle"></div>',
|
|
eg: '<div class="jqvmap-circle"></div>',
|
|
ae: '<div class="jqvmap-circle"></div>',
|
|
nz: '<div class="jqvmap-circle"></div>',
|
|
tl: '<div class="jqvmap-circle"></div>',
|
|
ng: '<div class="jqvmap-circle"></div>',
|
|
si: '<div class="jqvmap-circle"></div>',
|
|
pa: '<div class="jqvmap-circle"></div>',
|
|
au: '<div class="jqvmap-circle"></div>',
|
|
ca: '<div class="jqvmap-circle"></div>',
|
|
tr: '<div class="jqvmap-circle"></div>',
|
|
},
|
|
});
|
|
|
|
// weather
|
|
getWeather();
|
|
setInterval(getWeather, 600000);
|
|
|
|
function getWeather() {
|
|
$.simpleWeather({
|
|
location: 'Bogor, Indonesia',
|
|
unit: 'c',
|
|
success: function(weather) {
|
|
var html = '';
|
|
html += '<div class="weather">';
|
|
html += '<div class="weather-icon text-primary"><span class="wi wi-yahoo-' + weather.code + '"></span></div>';
|
|
html += '<div class="weather-desc">';
|
|
html += '<h4>' + weather.temp + '°' + weather.units.temp + '</h4>';
|
|
html += '<div class="weather-text">' + weather.currently + '</div>';
|
|
html += '<ul><li>' + weather.city + ', ' + weather.region + '</li>';
|
|
html += '<li> <i class="wi wi-strong-wind"></i> ' + weather.wind.speed+' '+weather.units.speed + '</li></ul>';
|
|
html += '</div>';
|
|
html += '</div>';
|
|
|
|
$("#myWeather").html(html);
|
|
},
|
|
error: function(error) {
|
|
$("#myWeather").html('<div class="alert alert-danger">'+error+'</div>');
|
|
}
|
|
});
|
|
}
|