Modifica codice js

**LegaJs** · 19-03-2023, 15.13.53

Buongiorno,
premetto che di javascript io non so assolutamente niente, ho scaricato degli script per creare dei grafici, sono riuscito a modificare l'asse X con i valori che volevo ma non so proprio come modificare, se possibile, l'asse Y.
Posto il codice sulla pagina che pero' è collegata a due file nella cartella Js.
Se serve postero' anche quelli.

Codice HTML:

<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Punteggi</title>
<script src="../../js/Chart.min.js"></script>
<script src="../../js/utils.js"></script>
<style type="text/css">
.a {
border-bottom: 1px #000000 solid;
border-right: #000000 0px solid;
border-top: 0px #000000 solid;
border-left: 0px #000000 solid;
font-size: 18px;
font-family: Comic Sans MS, bold ;
text-transform: capitalize ;
}
</style>
<style>
canvas {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
</style>
</head>

<body>

<div align="center">
<table border="0" width="950" cellspacing="0" cellpadding="0" height="400" id="table1">
<tr>
<td height="300" width="950" align="center" colspan="3">

<div style="width:80%;">
<canvas id="canvas"></canvas>
</div>
<script>
var config = {
  type: 'line',
  data: {
    labels: ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36'],
    datasets: [{
      label: '<? echo $sq ?>',
      borderColor: window.chartColors.red,
      backgroundColor: window.chartColors.red,
      data: [
        '55','65','58','ecc ecc',
      ],
      fill: false,
    },
    ]},
  options: {
    responsive: true,
    title: {
      display: true,
      text: 'Punteggi'
    },
    tooltips: {
      position: 'nearest',
      mode: 'index',
      intersect: false,
      yPadding: 10,
      xPadding: 10,
      caretSize: 8,
      backgroundColor: '#fff',
      titleFontColor: window.chartColors.black,
      bodyFontColor: window.chartColors.black,
      borderColor: 'rgba(0,0,0,1)',
      borderWidth: 4
    },
    hover: {
      mode: 'index',
      intersect: true
    },
    scales: {
      xAxes: [{
        display: true,
        scaleLabel: {
          show: true,
          labelString: 'Month'
        }
      }],
      yAxes: [{
        display: true,
        scaleLabel: {
          show: true,
          labelString: 'Value'
        }
      }]
    }
  }
};

window.onload = function() {
  var ctx = document.getElementById('canvas').getContext('2d');
  window.myLine = new Chart(ctx, config);
};
</script>

</td>
</tr>
</table>
</div>

</body>

</html>

grazie a tutti

**dreadnaut** · 19-03-2023, 16.37.43

Ad occhio stai usando una libreria già pronta, hai guardato la sua documentazione?

**LegaJs** · 21-03-2023, 00.15.16

si grazie gli avevo dato un occhio ma come ho detto il js non è proprio il mio linguaggio.. ho risolto con dei cicli in php che stampano i valori in labels e mi accontento.. grazie cmq dell attenzione

Discussione: Modifica codice js

LinkBack

Strumenti discussione

Display

Modifica codice js

Regole di scrittura