Riscrivo con sintassi corretta il codice, in quanto sopra si visualizzava male.

CONFERMO CORRETTO FUNZIONAMENTO DEL CODICE CON:

1)file database.csv caricato su server
2)script che posto sotto in locale su file prova.htm
3)aperto con safari

CONFERMO CHE NON FUNZIONA SE:

1)script che posto sotto su file prova.htm lo carico su server
2)Non lo apre ne con safari, ne firefox ecc

aiuti?


<!DOCTYPE html>
<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="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("database.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,0,1]);


var options = {
title: "Temperature",

legend: 'yes'
};


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


//<div id="chart" style="width: 800px; height: 600px"></div>


</script>


</head>

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