| Server IP : 20.75.53.88 / Your IP : 216.73.217.138 [ Web Server : Apache System : Linux VMRALP-3 4.4.0-256-generic #290~14.04.1-Ubuntu SMP Thu Jun 20 09:24:50 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29+esm15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Domains : 3 Domains MySQL : ON | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/juridico/sobral/tela/js/charts/ |
Upload File : |
(function ($) {
"use strict";
/*----------------------------------------*/
/* 1. Area Chart
/*----------------------------------------*/
var ctx = document.getElementById("areachartfalse");
var areachartfalse = new Chart(ctx, {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
fill: false,
backgroundColor: '#006DF0',
borderColor: '#006DF0',
data: [0, -20, 20, -20, 20, -20, 20]
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
spanGaps: false,
title:{
display:true,
text:'Area Chart Fill False'
},
elements: {
line: {
tension: 0.000001
}
},
plugins: {
filler: {
propagate: false
}
},
scales: {
xAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}],
yAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}]
}
}
});
/*----------------------------------------*/
/* 1. Area Chart origin
/*----------------------------------------*/
var ctx = document.getElementById("areachartorigin");
var areachartorigin = new Chart(ctx, {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
fill: 'origin',
backgroundColor: '#006DF0',
borderColor: '#006DF0',
data: [0, -20, 20, -20, 20, -20, 20]
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
spanGaps: false,
title:{
display:true,
text:'Area Chart Fill origin'
},
elements: {
line: {
tension: 0.000001
}
},
plugins: {
filler: {
propagate: false
}
},
scales: {
xAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}],
yAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}]
}
}
});
/*----------------------------------------*/
/* 1. Area Chart start
/*----------------------------------------*/
var ctx = document.getElementById("areachartfillstart");
var areachartfillstart = new Chart(ctx, {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
fill: 'start',
backgroundColor: '#006DF0',
borderColor: '#006DF0',
data: [0, 10, 20, 30, 40, 50, 100]
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
spanGaps: false,
title:{
display:true,
text:'Area Chart Fill start'
},
elements: {
line: {
tension: 0.000001
}
},
plugins: {
filler: {
propagate: false
}
},
scales: {
xAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}],
yAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}]
}
}
});
/*----------------------------------------*/
/* 1. Area Chart end
/*----------------------------------------*/
var ctx = document.getElementById("areachartend");
var areachartend = new Chart(ctx, {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
fill: 'end',
backgroundColor: '#006DF0',
borderColor: '#006DF0',
data: [100, 90, 70, 60, 50, 40, 0]
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
spanGaps: false,
title:{
display:true,
text:'Area Chart Fill end'
},
elements: {
line: {
tension: 0.000001
}
},
plugins: {
filler: {
propagate: false
}
},
scales: {
xAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}],
yAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}]
}
}
});
/*----------------------------------------*/
/* 1. Area Chart Datasets
/*----------------------------------------*/
var ctx = document.getElementById("areachartDatasets");
var areachartDatasets = new Chart(ctx, {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: 'D0',
backgroundColor: '#006DF0',
borderColor: '#006DF0',
data: [100, 90, 70, 60, 50, 40, 0]
},{
label: 'D1',
fill: true,
backgroundColor: '#933EC5',
borderColor: '#933EC5',
data: [100, 90, 70, 60, 50, 40, 0]
},{
label: 'D2',
fill: true,
backgroundColor: '#65b12d',
borderColor: '#65b12d',
data: [100, 90, 70, 60, 50, 40, 0]
}]
},
options:{
maintainAspectRatio: false,
spanGaps: false,
elements: {
line: {
tension: 0.000001
}
},
scales: {
xAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}],
yAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}]
},
plugins: {
filler: {
propagate: false
},
samples_filler_analyser: {
target: 'chart-analyser'
}
}
}
});
/*----------------------------------------*/
/* 1. Area Chart Legend
/*----------------------------------------*/
var ctx = document.getElementById("areachartLegend");
var areachartLegend = new Chart(ctx, {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
backgroundColor: '#006DF0',
borderColor: '#',
data: [100, 90, 70, 60, 50, 40, 0],
borderWidth: 1,
pointStyle: 'rectRot',
pointRadius: 5,
pointBorderColor: '#006DF0'
}]
},
options: {
responsive: true,
legend: {
labels: {
usePointStyle: false
}
},
scales: {
xAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}],
yAxes: [{
ticks: {
autoSkip: false,
maxRotation: 0
},
ticks: {
fontColor: "#fff", // this here
}
}]
},
title: {
display: true,
text: 'Normal Legend'
}
}
});
})(jQuery);