mirror of
https://github.com/plan-player-analytics/Plan.git
synced 2024-10-07 02:47:27 +02:00
Deleted unused demo javascript
This commit is contained in:
Rsl1122
parent
28d7a101c3
commit
a389dff035
@ -1,118 +0,0 @@
|
|||||||
// Set new default font family and font color to mimic Bootstrap's default styling
|
|
||||||
Chart.defaults.global.defaultFontFamily = 'Nunito', '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
|
|
||||||
Chart.defaults.global.defaultFontColor = '#858796';
|
|
||||||
|
|
||||||
function number_format(number, decimals, dec_point, thousands_sep) {
|
|
||||||
// * example: number_format(1234.56, 2, ',', ' ');
|
|
||||||
// * return: '1 234,56'
|
|
||||||
number = (number + '').replace(',', '').replace(' ', '');
|
|
||||||
var n = !isFinite(+number) ? 0 : +number,
|
|
||||||
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
|
|
||||||
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
|
|
||||||
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
|
|
||||||
s = '',
|
|
||||||
toFixedFix = function (n, prec) {
|
|
||||||
var k = Math.pow(10, prec);
|
|
||||||
return '' + Math.round(n * k) / k;
|
|
||||||
};
|
|
||||||
// Fix for IE parseFloat(0.55).toFixed(0) = 0;
|
|
||||||
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
|
|
||||||
if (s[0].length > 3) {
|
|
||||||
s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
|
|
||||||
}
|
|
||||||
if ((s[1] || '').length < prec) {
|
|
||||||
s[1] = s[1] || '';
|
|
||||||
s[1] += new Array(prec - s[1].length + 1).join('0');
|
|
||||||
}
|
|
||||||
return s.join(dec);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Area Chart Example
|
|
||||||
var ctx = document.getElementById("myAreaChart");
|
|
||||||
var myLineChart = new Chart(ctx, {
|
|
||||||
type: 'line',
|
|
||||||
data: {
|
|
||||||
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
|
||||||
datasets: [{
|
|
||||||
label: "Earnings",
|
|
||||||
lineTension: 0.3,
|
|
||||||
backgroundColor: "rgba(78, 115, 223, 0.05)",
|
|
||||||
borderColor: "rgba(78, 115, 223, 1)",
|
|
||||||
pointRadius: 3,
|
|
||||||
pointBackgroundColor: "rgba(78, 115, 223, 1)",
|
|
||||||
pointBorderColor: "rgba(78, 115, 223, 1)",
|
|
||||||
pointHoverRadius: 3,
|
|
||||||
pointHoverBackgroundColor: "rgba(78, 115, 223, 1)",
|
|
||||||
pointHoverBorderColor: "rgba(78, 115, 223, 1)",
|
|
||||||
pointHitRadius: 10,
|
|
||||||
pointBorderWidth: 2,
|
|
||||||
data: [0, 10000, 5000, 15000, 10000, 20000, 15000, 25000, 20000, 30000, 25000, 40000],
|
|
||||||
}],
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
layout: {
|
|
||||||
padding: {
|
|
||||||
left: 10,
|
|
||||||
right: 25,
|
|
||||||
top: 25,
|
|
||||||
bottom: 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
xAxes: [{
|
|
||||||
time: {
|
|
||||||
unit: 'date'
|
|
||||||
},
|
|
||||||
gridLines: {
|
|
||||||
display: false,
|
|
||||||
drawBorder: false
|
|
||||||
},
|
|
||||||
ticks: {
|
|
||||||
maxTicksLimit: 7
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
ticks: {
|
|
||||||
maxTicksLimit: 5,
|
|
||||||
padding: 10,
|
|
||||||
// Include a dollar sign in the ticks
|
|
||||||
callback: function (value, index, values) {
|
|
||||||
return '$' + number_format(value);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
gridLines: {
|
|
||||||
color: "rgb(234, 236, 244)",
|
|
||||||
zeroLineColor: "rgb(234, 236, 244)",
|
|
||||||
drawBorder: false,
|
|
||||||
borderDash: [2],
|
|
||||||
zeroLineBorderDash: [2]
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
tooltips: {
|
|
||||||
backgroundColor: "rgb(255,255,255)",
|
|
||||||
bodyFontColor: "#858796",
|
|
||||||
titleMarginBottom: 10,
|
|
||||||
titleFontColor: '#6e707e',
|
|
||||||
titleFontSize: 14,
|
|
||||||
borderColor: '#dddfeb',
|
|
||||||
borderWidth: 1,
|
|
||||||
xPadding: 15,
|
|
||||||
yPadding: 15,
|
|
||||||
displayColors: false,
|
|
||||||
intersect: false,
|
|
||||||
mode: 'index',
|
|
||||||
caretPadding: 10,
|
|
||||||
callbacks: {
|
|
||||||
label: function (tooltipItem, chart) {
|
|
||||||
var datasetLabel = chart.datasets[tooltipItem.datasetIndex].label || '';
|
|
||||||
return datasetLabel + ': $' + number_format(tooltipItem.yLabel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
// Set new default font family and font color to mimic Bootstrap's default styling
|
|
||||||
Chart.defaults.global.defaultFontFamily = 'Nunito', '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
|
|
||||||
Chart.defaults.global.defaultFontColor = '#858796';
|
|
||||||
|
|
||||||
function number_format(number, decimals, dec_point, thousands_sep) {
|
|
||||||
// * example: number_format(1234.56, 2, ',', ' ');
|
|
||||||
// * return: '1 234,56'
|
|
||||||
number = (number + '').replace(',', '').replace(' ', '');
|
|
||||||
var n = !isFinite(+number) ? 0 : +number,
|
|
||||||
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
|
|
||||||
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
|
|
||||||
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
|
|
||||||
s = '',
|
|
||||||
toFixedFix = function (n, prec) {
|
|
||||||
var k = Math.pow(10, prec);
|
|
||||||
return '' + Math.round(n * k) / k;
|
|
||||||
};
|
|
||||||
// Fix for IE parseFloat(0.55).toFixed(0) = 0;
|
|
||||||
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
|
|
||||||
if (s[0].length > 3) {
|
|
||||||
s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
|
|
||||||
}
|
|
||||||
if ((s[1] || '').length < prec) {
|
|
||||||
s[1] = s[1] || '';
|
|
||||||
s[1] += new Array(prec - s[1].length + 1).join('0');
|
|
||||||
}
|
|
||||||
return s.join(dec);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bar Chart Example
|
|
||||||
var ctx = document.getElementById("myBarChart");
|
|
||||||
var myBarChart = new Chart(ctx, {
|
|
||||||
type: 'bar',
|
|
||||||
data: {
|
|
||||||
labels: ["January", "February", "March", "April", "May", "June"],
|
|
||||||
datasets: [{
|
|
||||||
label: "Revenue",
|
|
||||||
backgroundColor: "#4e73df",
|
|
||||||
hoverBackgroundColor: "#2e59d9",
|
|
||||||
borderColor: "#4e73df",
|
|
||||||
data: [4215, 5312, 6251, 7841, 9821, 14984],
|
|
||||||
}],
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
layout: {
|
|
||||||
padding: {
|
|
||||||
left: 10,
|
|
||||||
right: 25,
|
|
||||||
top: 25,
|
|
||||||
bottom: 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
xAxes: [{
|
|
||||||
time: {
|
|
||||||
unit: 'month'
|
|
||||||
},
|
|
||||||
gridLines: {
|
|
||||||
display: false,
|
|
||||||
drawBorder: false
|
|
||||||
},
|
|
||||||
ticks: {
|
|
||||||
maxTicksLimit: 6
|
|
||||||
},
|
|
||||||
maxBarThickness: 25,
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
ticks: {
|
|
||||||
min: 0,
|
|
||||||
max: 15000,
|
|
||||||
maxTicksLimit: 5,
|
|
||||||
padding: 10,
|
|
||||||
// Include a dollar sign in the ticks
|
|
||||||
callback: function (value, index, values) {
|
|
||||||
return '$' + number_format(value);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
gridLines: {
|
|
||||||
color: "rgb(234, 236, 244)",
|
|
||||||
zeroLineColor: "rgb(234, 236, 244)",
|
|
||||||
drawBorder: false,
|
|
||||||
borderDash: [2],
|
|
||||||
zeroLineBorderDash: [2]
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
tooltips: {
|
|
||||||
titleMarginBottom: 10,
|
|
||||||
titleFontColor: '#6e707e',
|
|
||||||
titleFontSize: 14,
|
|
||||||
backgroundColor: "rgb(255,255,255)",
|
|
||||||
bodyFontColor: "#858796",
|
|
||||||
borderColor: '#dddfeb',
|
|
||||||
borderWidth: 1,
|
|
||||||
xPadding: 15,
|
|
||||||
yPadding: 15,
|
|
||||||
displayColors: false,
|
|
||||||
caretPadding: 10,
|
|
||||||
callbacks: {
|
|
||||||
label: function (tooltipItem, chart) {
|
|
||||||
var datasetLabel = chart.datasets[tooltipItem.datasetIndex].label || '';
|
|
||||||
return datasetLabel + ': $' + number_format(tooltipItem.yLabel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
// Set new default font family and font color to mimic Bootstrap's default styling
|
|
||||||
Chart.defaults.global.defaultFontFamily = 'Nunito', '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
|
|
||||||
Chart.defaults.global.defaultFontColor = '#858796';
|
|
||||||
|
|
||||||
// Pie Chart Example
|
|
||||||
var ctx = document.getElementById("myPieChart");
|
|
||||||
var myPieChart = new Chart(ctx, {
|
|
||||||
type: 'doughnut',
|
|
||||||
data: {
|
|
||||||
labels: ["Direct", "Referral", "Social"],
|
|
||||||
datasets: [{
|
|
||||||
data: [55, 30, 15],
|
|
||||||
backgroundColor: ['#4e73df', '#1cc88a', '#36b9cc'],
|
|
||||||
hoverBackgroundColor: ['#2e59d9', '#17a673', '#2c9faf'],
|
|
||||||
hoverBorderColor: "rgba(234, 236, 244, 1)",
|
|
||||||
}],
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
tooltips: {
|
|
||||||
backgroundColor: "rgb(255,255,255)",
|
|
||||||
bodyFontColor: "#858796",
|
|
||||||
borderColor: '#dddfeb',
|
|
||||||
borderWidth: 1,
|
|
||||||
xPadding: 15,
|
|
||||||
yPadding: 15,
|
|
||||||
displayColors: false,
|
|
||||||
caretPadding: 10,
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
cutoutPercentage: 80,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
// Call the dataTables jQuery plugin
|
|
||||||
$(document).ready(function () {
|
|
||||||
$('#dataTable').DataTable();
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue
Block a user