| Current Path : /var/www/html/media/com_osmembership/js/ |
| Current File : /var/www/html/media/com_osmembership/js/admin-dashboard-daily-sales-chart.js |
(function (document, Joomla) {
document.addEventListener('DOMContentLoaded', function () {
var ctx = document.getElementById('osm-daily-sales-chart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: Joomla.getOptions('dailyLabels'),
datasets: [{
label: Joomla.JText._('OSM_SALES_INCOME'),
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: Joomla.getOptions('dailySales'),
pointStyle: 'circle',
pointRadius: 5,
fill: false
}]
},
plugins: [ChartDataLabels],
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
}
}]
},
plugins: {
datalabels: {
anchor: 'end',
align: 'top',
font: {
weight: 'bold'
}
}
}
}
});
});
reloadDailySalesChart = function () {
var planId = document.getElementById('daily_plan_id').value;
var ajaxUrl = Joomla.getOptions('dailySalesAjaxUrl') + '&plan_id=' + planId;
Joomla.request({
url: ajaxUrl,
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
onSuccess: function (resp) {
var msg = JSON.parse(resp);
var ctx = document.getElementById('osm-daily-sales-chart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: msg.labels,
datasets: [{
label: Joomla.JText._('OSM_SALES_INCOME'),
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: msg.sales,
pointStyle: 'circle',
pointRadius: 5,
fill: false
}]
},
plugins: [ChartDataLabels],
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
}
}]
},
plugins: {
datalabels: {
anchor: 'end',
align: 'top',
font: {
weight: 'bold'
}
}
}
}
});
},
onError: function (error) {
alert(error.statusText);
}
});
};
})(document, Joomla);