Tengo un canvas
realizado con Chart.js:
<div>
<canvas id="densityChart" width="500" height="400"></canvas>
</div>
El JavaScript
que lo dibuja es el siguiente:
var densityCanvas = document.getElementById("densityChart");
Chart.defaults.global.defaultFontFamily = "Lato";
Chart.defaults.global.defaultFontSize = 18;
var densityData = {
label: 'MUJERES ATENDIDAS POR MES',
data: [
'<?php echo $TOTAL_M_enero ?>',
'<?php echo $TOTAL_M_feb ?>',
'<?php echo $TOTAL_M_marzo ?>',
'<?php echo $TOTAL_M_abril ?>',
'<?php echo $TOTAL_M_mayo ?>',
'<?php echo $TOTAL_M_junio ?>',
'<?php echo $TOTAL_M_julio ?>',
'<?php echo $TOTAL_M_agosto ?>',
'<?php echo $TOTAL_M_sep ?>',
'<?php echo $TOTAL_M_oct ?>',
'<?php echo $TOTAL_M_nov ?>',
'<?php echo $TOTAL_M_dic ?>'
],
backgroundColor: 'rgba(255,192,203,0.6)',
borderWidth: 0
};
var gravityData = {
label: 'HOMBRES ATENDIDOS POR MES',
data: [
'<?php echo $TOTAL_H_enero ?>',
'<?php echo $TOTAL_H_feb ?>',
'<?php echo $TOTAL_H_marzo ?>',
'<?php echo $TOTAL_H_abril ?>',
'<?php echo $TOTAL_H_mayo ?>',
'<?php echo $TOTAL_H_junio ?>',
'<?php echo $TOTAL_H_julio ?>',
'<?php echo $TOTAL_H_agosto ?>',
'<?php echo $TOTAL_H_sep ?>',
'<?php echo $TOTAL_H_oct ?>',
'<?php echo $TOTAL_H_nov ?>',
'<?php echo $TOTAL_H_dic ?>'
],
backgroundColor: 'rgba(191,205,230,0.6)',
borderWidth: 0
};
var planetData = {
labels: [
"ENERO",
"FEBERO",
"MARZO",
"ABRIL",
"MAYO",
"JUNIO",
"JULIO",
"AGOSTO",
"SEPTIEMBRE",
"OCTUBRE",
"NOVIEMBRE",
"DICIEMBRE"
],
datasets: [
densityData,
gravityData
]
};
var chartOptions = {
scales: {
xAxes: [
{
barPercentage: 1,
categoryPercentage: 0.6
}
],
yAxes: [
{
ticks: {
stepSize: 50,
beginAtZero: true
}
}
]
}
};
var barChart = new Chart(densityCanvas, {
type: 'bar',
data: planetData,
options: chartOptions
});
El gráfico se representa correctamente y ahora lo que quiero es guardarlo en una carpeta del servidor automáticamente cuando se cargue la página y que las veces que se cargue se remplace la imagen que estaba antes. ¿Cómo podría realizar esto?
PHP
, así que estás usando este lenguaje en el lado del servidor. Deja crear un pequeño ejemplo.