Copier et coller le code suivant la ou vous souhaitez afficher le graphique : <!--CHARGER API AJAX--> <!--Vous pouvez mettre cette partie entre les balises head--> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> // Charger la Visualization du graphique. google.load('visualization', '1', {'packages':['corechart']}); // Construire le graphique. google.setOnLoadCallback(drawChart); function drawChart() { var jsonData = $.ajax({ url: "https://ville-data.com/nombre-d-habitants/boutique/La-Roussiere-27499-reuse-population", dataType:"json", async: false }).responseText; // Mise a jour des donnée depuis le serveur ville-data.com. var data = new google.visualization.DataTable(jsonData); // Dessiner le graphique largeur et hauteur. var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, {width: 600, height: 400}); } </script> <!--Fin de la partie que vous pouvez mettre entre les balises head--> <!-- balise qui affiche le graphique sur votre page a mettre ou vous le souhaitez --> <div id="chart_div"></div><a href="http://www.ville-data.com" style="margin:0;padding:0;font-size:10px;">sources : ville-data.com</a> Ce qui affichera :
Copier et coller le code suivant la ou vous souhaitez afficher un tableau : <!--CHARGER API AJAX--> <!--Vous pouvez mettre cette partie entre les balises head--> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> var jsonData = $.ajax({ url: "https://ville-data.com/nombre-d-habitants/boutique/La-Roussiere-27499-reuse-population", dataType:"json", async: false }).responseText; function drawTable() { // Creation de la table. var data = new google.visualization.DataTable(jsonData); var table = new google.visualization.Table(document.getElementById('g_table')); table.draw(data, {showRowNumber: true, page: 'enable' , pageSize:10}); } google.load("visualization", "1", {packages:["table"]}); google.setOnLoadCallback(drawTable); </script> <!--Fin de la partie que vous pouvez mettre entre les balises head--> <!-- balise qui affiche le tableau sur votre page a mettre ou vous le souhaitez --> <div id="g_table"></div><a href="http://www.ville-data.com" style="margin:0;padding:0;font-size:10px;">sources : ville-data.com</a> Ce qui affichera :