PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
//[widget charts Javascript]
//Project: Unique Admin - Responsive Admin Template
//Primary use: Used only for the widget charts
$( document ).ready(function() {
"use strict";
if( $('#bubble-chart').length > 0 ){
var ctx5 = document.getElementById("bubble-chart").getContext("2d");
var data5 = {
datasets: [
{
label: 'First Dataset',
data: [
{
x: 80,
y: 60,
r: 10
},
{
x: 40,
y: 40,
r: 10
},
{
x: 30,
y: 40,
r: 20
},
{
x: 20,
y: 10,
r: 10
},
{
x: 50,
y: 30,
r: 10
}
],
backgroundColor:"#689f38",
hoverBackgroundColor: "#33691e",
},
{
label: 'Second Dataset',
data: [
{
x: 40,
y: 30,
r: 10
},
{
x: 25,
y: 20,
r: 10
},
{
x: 35,
y: 30,
r: 10
}
],
backgroundColor:"#38649f",
hoverBackgroundColor: "#244674",
}]
};
var bubbleChart = new Chart(ctx5,{
type:"bubble",
data:data5,
options: {
elements: {
points: {
borderWidth: 1,
borderColor: 'rgb(33, 33, 33)'
}
},
scales: {
xAxes: [
{
ticks: {
min: -10,
max: 100,
fontFamily: "Nunito Sans",
fontColor:"#878787"
},
gridLines: {
color: "rgba(135,135,135,0)",
}
}],
yAxes: [
{
ticks: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
},
gridLines: {
color: "rgba(135,135,135,0)",
}
}]
},
animation: {
duration: 3000
},
responsive: true,
legend: {
labels: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
}
}
});
}
if( $('#pie-chart').length > 0 ){
var ctx6 = document.getElementById("pie-chart").getContext("2d");
var data6 = {
labels: [
"lab 1",
"lab 2",
"lab 3"
],
datasets: [
{
data: [300, 50, 100],
backgroundColor: [
"#689f38",
"#38649f",
"#389f99"
],
hoverBackgroundColor: [
"#33691e",
"#244674",
"#18625e"
]
}]
};
var pieChart = new Chart(ctx6,{
type: 'pie',
data: data6,
options: {
animation: {
duration: 3000
},
responsive: true,
legend: {
labels: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
},
elements: {
arc: {
borderWidth: 0
}
}
}
});
}
if( $('#doughnut-chart').length > 0 ){
var ctx7 = document.getElementById("doughnut-chart").getContext("2d");
var data7 = {
labels: [
"lab 1",
"lab 2",
"lab 3"
],
datasets: [
{
data: [300, 50, 100],
backgroundColor: [
"#389f99",
"#ee1044",
"#ff8f00"
],
hoverBackgroundColor: [
"#18625e",
"#b31338",
"#c0720f"
]
}]
};
var doughnutChart = new Chart(ctx7, {
type: 'doughnut',
data: data7,
options: {
animation: {
duration: 3000
},
responsive: true,
legend: {
labels: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
},
elements: {
arc: {
borderWidth: 0
}
}
}
});
}
// Bar chart
new Chart(document.getElementById("bar-chart1"), {
type: 'bar',
data: {
labels: ["January", "February", "March", "April", "May"],
datasets: [
{
label: "Dataset",
backgroundColor: ["#689f38", "#38649f","#389f99","#ee1044","#ff8f00"],
data: [8545,6589,5894,4985,1548]
}
]
},
options: {
legend: { display: false },
title: {
display: true,
text: 'My dataset'
}
}
});
if( $('#bar-chart2').length > 0 ){
var ctx2 = document.getElementById("bar-chart2").getContext("2d");
var data2 = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
backgroundColor: "#689f38",
borderColor: "#689f38",
data: [15, 20, 70, 51, 36, 85, 50]
},
{
label: "My Second dataset",
backgroundColor: "#38649f",
borderColor: "#38649f",
data: [28, 48, 40, 19, 86, 27, 90]
},
{
label: "My Third dataset",
backgroundColor: "#389f99",
borderColor: "#389f99",
data: [8, 28, 50, 29, 76, 77, 40]
}
]
};
var hBar = new Chart(ctx2, {
type:"bar",
data:data2,
options: {
tooltips: {
mode:"label"
},
scales: {
yAxes: [{
stacked: true,
gridLines: {
color: "rgba(135,135,135,0)",
},
ticks: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
}],
xAxes: [{
stacked: true,
gridLines: {
color: "rgba(135,135,135,0)",
},
ticks: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
}],
},
elements:{
point: {
hitRadius:40
}
},
animation: {
duration: 3000
},
responsive: true,
maintainAspectRatio:false,
legend: {
display: false,
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
}
}
});
};
// Horizental Bar Chart
new Chart(document.getElementById("bar-chart-horizontal1"), {
type: 'horizontalBar',
data: {
labels: ["January", "February", "March", "April", "May"],
datasets: [
{
label: "Dataset",
backgroundColor: ["#689f38", "#38649f","#389f99","#ee1044","#ff8f00"],
data: [8545,6589,5894,4985,1548]
}
]
},
options: {
legend: { display: false },
title: {
display: true,
text: 'My dataset'
}
}
});
if( $('#bar-chart-horizontal2').length > 0 ){
var ctx2 = document.getElementById("bar-chart-horizontal2").getContext("2d");
var data2 = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
backgroundColor: "#689f38",
borderColor: "#689f38",
data: [10, 59, 40, 75, 50, 45, 80]
},
{
label: "My Second dataset",
backgroundColor: "#38649f",
borderColor: "#38649f",
data: [48, 88, 50, 58, 34, 67, 65]
}
]
};
var hBar = new Chart(ctx2, {
type:"horizontalBar",
data:data2,
options: {
tooltips: {
mode:"label"
},
scales: {
yAxes: [{
stacked: true,
gridLines: {
color: "rgba(135,135,135,0)",
},
ticks: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
}],
xAxes: [{
stacked: true,
gridLines: {
color: "rgba(135,135,135,0)",
},
ticks: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
}],
},
elements:{
point: {
hitRadius:40
}
},
animation: {
duration: 3000
},
responsive: true,
legend: {
display: false,
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
}
}
});
}
//Polar Chart
new Chart(document.getElementById("polar-chart1"), {
type: 'polarArea',
data: {
labels: ["January", "February", "March", "April"],
datasets: [
{
label: "Dataset",
backgroundColor: ["#689f38", "#38649f","#389f99","#ee1044","#ff8f00"],
data: [2584,5698,5987,3485]
}
]
},
options: {
title: {
display: true,
text: 'Mt Dataset'
}
}
});
if( $('#polar-chart2').length > 0 ){
var ctx4 = document.getElementById("polar-chart2").getContext("2d");
var data4 = {
datasets: [{
data: [
11,
16,
7,
3,
14
],
backgroundColor: [
"#689f38",
"#38649f",
"#389f99",
"#ee1044",
"#ff8f00"
],
hoverBackgroundColor: [
"#33691e",
"#244674",
"#18625e",
"#b31338",
"#c0720f"
],
label: 'My dataset' // for legend
}],
labels: [
"lab 1",
"lab 2",
"lab 3",
"lab 4",
"lab 5"
]
};
var polarChart = new Chart(ctx4, {
type: "polarArea",
data: data4,
options: {
elements: {
arc: {
borderColor: "#fff",
borderWidth: 0
}
},
scale: {
ticks: {
beginAtZero: true,
fontFamily: "Nunito Sans",
},
gridLines: {
color: "rgba(135,135,135,0)",
}
},
animation: {
duration: 3000
},
responsive: true,
legend: {
labels: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
}
}
});
}
//Radar chart
new Chart(document.getElementById("radar-chart1"), {
type: 'radar',
data: {
labels: ["January", "February", "March", "April", "May"],
datasets: [
{
label: "250",
fill: true,
backgroundColor: "rgba(179,181,198,0.2)",
borderColor: "rgba(179,181,198,1)",
pointBorderColor: "#fff",
pointBackgroundColor: "rgba(179,181,198,1)",
data: [8.77,55.61,21.69,6.62,6.82]
}, {
label: "4050",
fill: true,
backgroundColor: "rgba(239, 72, 62, 0.2)",
borderColor: "rgba(239, 72, 62, 1)",
pointBorderColor: "#fff",
pointBackgroundColor: "#ff4c52",
pointBorderColor: "#fff",
data: [25.48,54.16,7.61,8.06,4.45]
}
]
},
options: {
title: {
display: true,
text: 'My dataset'
}
}
});
if( $('#radar-chart2').length > 0 ){
var ctx3 = document.getElementById("radar-chart2").getContext("2d");
var data3 = {
labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
datasets: [
{
label: "My First dataset",
backgroundColor: "rgba(116, 96, 238, 0.6)",
borderColor: "rgba(116, 96, 238, 0.6)",
pointBackgroundColor: "rgba(116, 96, 238, 0.6)",
pointBorderColor: "#fff",
pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(116, 96, 238, 0.6)",
data: [65, 59, 90, 81, 56, 55, 40]
},
{
label: "My Second dataset",
backgroundColor: "rgba(57, 139, 247, 1)",
borderColor: "rgba(57, 139, 247, 1)",
pointBackgroundColor: "rgba(57, 139, 247, 1)",
pointBorderColor: "#fff",
pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(57, 139, 247, 1)",
data: [28, 48, 40, 19, 96, 27, 100]
}
]
};
var radarChart = new Chart(ctx3, {
type: "radar",
data: data3,
options: {
scale: {
ticks: {
beginAtZero: true,
fontFamily: "Nunito Sans",
},
gridLines: {
color: "rgba(135,135,135,0)",
},
pointLabels:{
fontFamily: "Nunito Sans",
fontColor:"#878787"
},
},
animation: {
duration: 3000
},
responsive: true,
legend: {
labels: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
},
elements: {
arc: {
borderWidth: 0
}
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
}
}
});
}
//Line Chart
new Chart(document.getElementById("line-chart1"), {
type: 'line',
data: {
labels: [4500,3500,3200,3050,2700,2450,2200,1750,1499,2050],
datasets: [{
data: [86,114,106,106,107,111,133,221,783,2478],
label: "January",
borderColor: "#689f38",
fill: false
}, {
data: [282,350,411,502,635,809,947,1402,3700,5267],
label: "February",
borderColor: "#38649f",
fill: false
}, {
data: [168,170,178,190,203,276,408,547,675,734],
label: "March",
borderColor: "#389f99",
fill: false
}, {
data: [40,20,10,16,24,38,74,167,508,784],
label: "April",
borderColor: "#ee1044",
fill: false
}, {
data: [6,3,2,2,7,26,82,172,312,433],
label: "May",
borderColor: "#ff8f00",
fill: false
}
]
},
options: {
title: {
display: true,
text: 'My Dateset'
}
}
});
if( $('#line-chart2').length > 0 ){
var ctx1 = document.getElementById("line-chart2").getContext("2d");
var data1 = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "fir",
backgroundColor: "#ff8f00",
borderColor: "#ff8f00",
pointBorderColor: "#ff8f00",
pointHighlightStroke: "#ff8f00",
data: [0, 59, 40, 75, 50, 45, 80]
},
{
label: "sec",
backgroundColor: "#ee1044",
borderColor: "#ee1044",
pointBorderColor: "#ee1044",
pointBackgroundColor: "#ee1044",
data: [48, 88, 50, 58, 34, 67, 65],
}
]
};
var areaChart = new Chart(ctx1, {
type:"line",
data:data1,
options: {
tooltips: {
mode:"label"
},
elements:{
point: {
hitRadius:90
}
},
scales: {
yAxes: [{
stacked: true,
gridLines: {
color: "rgba(135,135,135,0)",
},
ticks: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
}],
xAxes: [{
stacked: true,
gridLines: {
color: "rgba(135,135,135,0)",
},
ticks: {
fontFamily: "Nunito Sans",
fontColor:"#878787"
}
}]
},
animation: {
duration: 3000
},
responsive: true,
legend: {
display: false,
},
tooltip: {
backgroundColor:'rgba(33,33,33,1)',
cornerRadius:0,
footerFontFamily:"'Nunito Sans'"
}
}
});
}
}); // End of use strict
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E