Ciao a tutti,
dal codice, qui sotto riportato, che mi visualizza il grafico relativo, vorrei poter prelevare ogni singolo valore cliccanco su ogni elemento del grafico per poi passare il valore ad una nuova funzione js.
Mi basterebbe capire come implementare il codice javascript con un semplice alert che mi visualizza il singolo valore del grafico che é poi contenuto nell'array.
Grazie 1000
public static function getGrafico()
{?>
<div class="row"
<?php
$amonth = array(2000, 1500, 3000, 2850, 980, 4200, 7800);
?>
<div class="chartBox1">
<canvas id="myChart" ></canvas>
</div>
<script>
// Setup block
//const amonth = <?php echo json_encode($amonth); ?>;
const data = {
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange', 'Green'],
datasets: [{
label: 'Test my first chart',
data: <?php echo json_encode($amonth); ?>,
options: {
animation: false
},
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(255, 159, 64, 0.2)',
'rgba(255, 205, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(201, 203, 207, 0.2)'
],
borderColor: [
'rgb(255, 99, 132)',
'rgb(255, 159, 64)',
'rgb(255, 205, 86)',
'rgb(75, 192, 192)',
'rgb(54, 162, 235)',
'rgb(153, 102, 255)',
'rgb(201, 203, 207)'
],
borderWidth: 1
}],
};
// Config block
const config = {
type: 'bar',
data,
options: {
scales: {
y: {
beginAtZero: true
}
}
}
}
// Render block
const myChart = new Chart(
"myChart",
config
);
</script>
</div>
<?php
}