Buona sera a tutti,

volevo chiedervi un consiglio,

sto creando dei grafici che prelevano i dati da un file .csv

ho uno script php che genera un file al giorno nel seguente formato: 17_03_19_log.csv

all'interno ci sono dei dati che arrivano da Arduino.


domani ne generer� un altro nominato cosi:

17_03_20_log.csv

dopo domani un altro cosi:

17_03_21_log.csv

ecc...


da qui, l'esigenza di creare un input dinamico su javascript qui sotto:

codice:
$.get("dati/17_03_19_log.csv", function(csvString) {
ecco, il codice completo:

codice:
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 <!-- http://t.co/dKP3o1e -->
 <meta name="HandheldFriendly" content="True">
 <meta name="MobileOptimized" content="320"> 
 <meta name="description" content="test">


 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="https://solarduinofv.000webhostapp.com/log/jquery.csv-0.71.min.js"></script>
 <script type="text/javascript" src="http://www.google.com/jsapi"></script>


<script type="text/javascript"> 
    
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);


function drawChart() {


   $.get("dati/17_03_19_log.csv", function(csvString) {
  
      var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});


      var data = new google.visualization.arrayToDataTable(arrayData);


      var view = new google.visualization.DataView(data);
      
      view.setColumns([12,6]);


      var options = {
        title: "Carica Batteria %",
        legend: 'yes'
     };


     var chart = new google.visualization.LineChart(document.getElementById("chart"));
     chart.draw(view, options);
  })
}


</script>


 </head>
 
  <body>
    <div id="chart"></div>
  </body>
</html>