Файл: templates/backend/default/assets/js/dashboard.js
Строк: 141
<?php
/* Webarch Admin Dashboard
/* This JS is only for DEMO Purposes
-----------------------------------------------------------------*/
$(document).ready(function() {
var graph;
var rick;
loadServerChart();
loadSampleChart();
loadAnimatedWeatherIcons();
//Ricksaw Chart for Server Load - Autoupdate
function loadServerChart(){
var seriesData = [ [], []];
var random = new Rickshaw.Fixtures.RandomData(50);
for (var i = 0; i < 50; i++) {
random.addData(seriesData);
}
graph = new Rickshaw.Graph( {
element: document.querySelector("#chart"),
height: 200,
renderer: 'area',
series: [
{
data: seriesData[0],
color: 'rgba(0,144,217,0.51)',
name:'DB Server'
},{
data: seriesData[1],
color: '#eceff1',
name:'Web Server'
}
]
} );
var hoverDetail = new Rickshaw.Graph.HoverDetail( {
graph: graph
});
setInterval( function() {
random.removeData(seriesData);
random.addData(seriesData);
graph.update();
},1000);
}
//Ricksaw Chart Sample
function loadSampleChart(){
var seriesData = [ [], [],[]];
var random = new Rickshaw.Fixtures.RandomData(50);
for (var i = 0; i < 50; i++) {
random.addData(seriesData);
}
rick = new Rickshaw.Graph( {
element: document.querySelector("#ricksaw"),
height: 200,
renderer: 'area',
series: [
{
data: seriesData[0],
color: '#736086',
name:'Downloads'
},{
data: seriesData[1],
color: '#f8a4a3',
name:'Uploads'
},
{
data: seriesData[2],
color: '#eceff1',
name:'All'
}
]
} );
var hoverDetail = new Rickshaw.Graph.HoverDetail( {
graph: rick
});
random.addData(seriesData);
rick.update();
var ticksTreatment = 'glow';
var xAxis = new Rickshaw.Graph.Axis.Time( {
graph: rick,
ticksTreatment: ticksTreatment,
timeFixture: new Rickshaw.Fixtures.Time.Local()
});
xAxis.render();
var yAxis = new Rickshaw.Graph.Axis.Y( {
graph: rick,
tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
ticksTreatment: ticksTreatment
});
var legend = new Rickshaw.Graph.Legend( {
graph: rick,
element: document.getElementById('legend')
});
yAxis.render();
var shelving = new Rickshaw.Graph.Behavior.Series.Toggle( {
graph: rick,
legend: legend
} );
var order = new Rickshaw.Graph.Behavior.Series.Order( {
graph: rick,
legend: legend
} );
var highlighter = new Rickshaw.Graph.Behavior.Series.Highlight( {
graph: rick,
legend: legend
} );
}
//Jquery vector map
var cityAreaData = [
500.70,
410.16,
210.69,
120.17,
64.31,
150.35,
130.22,
120.71,
100.32
]
if ($.fn.vectorMap){
$('#world-map').vectorMap({
map: 'us_lcc_en',
scaleColors: ['#C8EEFF', '#0071A4'],
normalizeFunction: 'polynomial',
focusOn:{
x: 5,
y: 1,
scale: 1.8
},
zoomOnScroll:false,
zoomMin:0.85,
hoverColor: false,
regionStyle:{
initial: {
fill: '#a5ded9',
"fill-opacity": 1,
stroke: '#a5ded9',
"stroke-width": 0,
"stroke-opacity": 0
},
hover: {
"fill-opacity": 0.8
},
selected: {
fill: 'yellow'
},
selectedHover: {
}
},
markerStyle: {
initial: {
fill: '#f35958',
stroke: '#f35958',
"fill-opacity": 1,
"stroke-width": 6,
"stroke-opacity": 0.5,
r: 3
},
hover: {
stroke: 'black',
"stroke-width": 2
},
selected: {
fill: 'blue'
},
selectedHover: {
}
},
backgroundColor: '#ffffff',
markers :[
{latLng: [30.22, -81.88], name: 'Cecil,FL'},
{latLng: [25.8,-80.28], name: 'Miami Intl,FL'},
{latLng: [32.33, -85.00], name: 'Fort Benning,GA'},
{latLng: [34.35, -85.17 ], name: 'Rome/Russell,GA'},
{latLng: [35.90, -82.82], name: 'Hot Springs,NC'},
{latLng: [35.85, -77.88], name: 'Rocky Mt,NC'},
{latLng: [32.90, -97.03], name: 'Dallas/FW,TX'},
{latLng: [39.37, -75.07], name: 'Millville,NJ'},
{latLng: [39.37, -60.70], name: 'Goodland,KS'}
],
series: {
markers: [{
attribute: 'r',
scale: [3, 7],
values: cityAreaData
}]
},
});
}
//Simple todolist
$('.todo-list').click(function () {
$(this).parent().children('label').toggleClass('done');
});
//Pie Charts
$('#easy-pie-custom1').easyPieChart({
barColor:'#02679a',
trackColor:'#fff',
scaleColor:false,
lineCap:'square',
lineWidth:'10',
size:'70'
});
$('#easy-pie-custom-2').easyPieChart({
barColor:'#0aa699',
trackColor:'#fff',
scaleColor:false,
lineCap:'square',
lineWidth:'10',
size:'70'
});
//Sparkline Charts
$("#mini-chart-orders").sparkline([1,4,6,2,0,5,6,4,6], {
type: 'bar',
height: '30px',
barWidth: 6,
barSpacing: 2,
barColor: '#f35958',
negBarColor: '#f35958'});
//Sparkline Charts
$("#mini-chart-other").sparkline([1,4,6,2,0,5,6,4], {
type: 'bar',
height: '30px',
barWidth: 6,
barSpacing: 2,
barColor: '#0aa699',
negBarColor: '#0aa699'});
});
//Weahter Icons
function loadAnimatedWeatherIcons(){
/*** Animated Weather Icon **/
var icons = new Skycons({"color": "white"});
icons.set("partly-cloudy-day", Skycons.PARTLY_CLOUDY_DAY);
icons.set("wind", Skycons.WIND);
icons.play();
}
?>