Page 1 sur 1

modèle cvs

Posté : 06 mars 2014, 16:54
par Gérard
Bonjour et bravo pour ce forum
peu ton avoir un modèle de graphique pour csv
merci

Re: modèle cvs

Posté : 06 mars 2014, 18:41
par Météo Villarzel
Salut Gérard,
Les graphiques, ou le principe des graphiques est le même que tu prennes tes données dans une BD, un fichier Json ou csv, c'est juste la première partie "connection" qui change.
C'est bien documenté ici, mais je n'ai jamais essayé.
http://www.highcharts.com/docs/working- ... v-xml-json
A mon avis c'est plus souple et rapide depuis une base de données.

A+

Re: modèle cvs

Posté : 07 mars 2014, 17:16
par Gérard
Bonjour
merci Pierre-André

Re: modèle cvs

Posté : 25 nov. 2014, 17:03
par muchistic
bonjour

j'essais de creer un graphique http://www.meteo-canejan.fr/relevedumois2.phpd'après le lien donnée un peu plus haut par Pierre-André mais j'avoue que je peine un peu, j'obtiens bien quelques chose mais cela ressemble plus a un tableau avec le graph vide au dessus. voici mon code :

Code : Tout sélectionner

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title></title>
		
		
		<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script type="text/javascript" src="graphique/jquery/jquery.min.js"></script>           
<script type="text/javascript" src="graphique/highcharts/js/highcharts.js"></script> 
<script type="text/javascript" src="graphique/highcharts/js/themes/default.js"></script>
<script type="text/javascript" src="graphique/highcharts/js/modules/exporting.js"></script>
<script type="text/javascript" src="graphique/jquery/overlib.js"></script>
<script type="text/javascript" src="graphique/jquery/overlib_fade.js"></script>    

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"/>		
		
		<!-- 2. Add the JavaScript to initialize the chart on document ready -->
		<script type="text/javascript">
		$(document).ready(function() {
			

			var options = {
				chart: {
					renderTo: 'container',
					type: 'column'
				},
				title: {
					text: 'Ensoleillement du mois'
				},
				xAxis: {
					categories: []
				},
				yAxis: {
					title: {
						text: 'heures'
					}
				},
				series: []
			};
			
			
			$.get('vp2/EnsolMoisCourant.csv', function(data) {
				// Split the lines
				var lines = data.split('\n');
				$.each(lines, function(lineNo, line) {
					var items = line.split(',');
					
					// header line containes categories
					if (lineNo == 0) {
						$.each(items, function(itemNo, item) {
							if (itemNo > 0) options.xAxis.categories.push(item);
						});
					}
					
					// the rest of the lines contain data with their name in the first position
					else {
						var series = { 
							data: []
						};
						$.each(items, function(itemNo, item) {
							if (itemNo == 0) {
								series.name = item;
							} else {
								series.data.push(parseFloat(item));
							}
						});
						
						options.series.push(series);

					}
					
				});
				
				var chart = new Highcharts.Chart(options);
			});
			
			
		});
		</script>
		
	</head>
	<body>
		
		<!-- 3. Add the container -->
		<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
		
				
	</body>
</html>

l'adresse de mon fichier csv est http://www.meteo-canejan.fr/vp2/EnsolMoisCourant.csv

quelqu'un a t'il une idée pour laquelle le graph ne s'affiche pas ?

Dominique

en modifiant cette ligne : var items = line.split(';'); j'obtient du mieux mais cela reste très loin de ça : http://www.highcharts.com/studies/data-from-csv.htm