git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BSBMaterial added

Browse Source
This commit is contained in:
Yan
2017-09-20 19:25:19 +06:30
parent 899eb61568
commit 91ad6e3ef0
3366 changed files with 399794 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
app/assets/javascripts/BSBMaterial/pages/charts/chartjs.js Normal file
View File

@@ -0,0 +1,117 @@
$(function () {
new Chart(document.getElementById("line_chart").getContext("2d"), getChartJs('line'));
new Chart(document.getElementById("bar_chart").getContext("2d"), getChartJs('bar'));
new Chart(document.getElementById("radar_chart").getContext("2d"), getChartJs('radar'));
new Chart(document.getElementById("pie_chart").getContext("2d"), getChartJs('pie'));
});
function getChartJs(type) {
var config = null;
if (type === 'line') {
config = {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
data: [65, 59, 80, 81, 56, 55, 40],
borderColor: 'rgba(0, 188, 212, 0.75)',
backgroundColor: 'rgba(0, 188, 212, 0.3)',
pointBorderColor: 'rgba(0, 188, 212, 0)',
pointBackgroundColor: 'rgba(0, 188, 212, 0.9)',
pointBorderWidth: 1
}, {
label: "My Second dataset",
data: [28, 48, 40, 19, 86, 27, 90],
borderColor: 'rgba(233, 30, 99, 0.75)',
backgroundColor: 'rgba(233, 30, 99, 0.3)',
pointBorderColor: 'rgba(233, 30, 99, 0)',
pointBackgroundColor: 'rgba(233, 30, 99, 0.9)',
pointBorderWidth: 1
}]
},
options: {
responsive: true,
legend: false
}
}
}
else if (type === 'bar') {
config = {
type: 'bar',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
data: [65, 59, 80, 81, 56, 55, 40],
backgroundColor: 'rgba(0, 188, 212, 0.8)'
}, {
label: "My Second dataset",
data: [28, 48, 40, 19, 86, 27, 90],
backgroundColor: 'rgba(233, 30, 99, 0.8)'
}]
},
options: {
responsive: true,
legend: false
}
}
}
else if (type === 'radar') {
config = {
type: 'radar',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
data: [65, 25, 90, 81, 56, 55, 40],
borderColor: 'rgba(0, 188, 212, 0.8)',
backgroundColor: 'rgba(0, 188, 212, 0.5)',
pointBorderColor: 'rgba(0, 188, 212, 0)',
pointBackgroundColor: 'rgba(0, 188, 212, 0.8)',
pointBorderWidth: 1
}, {
label: "My Second dataset",
data: [72, 48, 40, 19, 96, 27, 100],
borderColor: 'rgba(233, 30, 99, 0.8)',
backgroundColor: 'rgba(233, 30, 99, 0.5)',
pointBorderColor: 'rgba(233, 30, 99, 0)',
pointBackgroundColor: 'rgba(233, 30, 99, 0.8)',
pointBorderWidth: 1
}]
},
options: {
responsive: true,
legend: false
}
}
}
else if (type === 'pie') {
config = {
type: 'pie',
data: {
datasets: [{
data: [225, 50, 100, 40],
backgroundColor: [
"rgb(233, 30, 99)",
"rgb(255, 193, 7)",
"rgb(0, 188, 212)",
"rgb(139, 195, 74)"
],
}],
labels: [
"Pink",
"Amber",
"Cyan",
"Light Green"
]
},
options: {
responsive: true,
legend: false
}
}
}
return config;
}