modèle cvs

Vous créez vos graphiques à partir d'un fichier csv et vous avez une question, un problème, c'est ici

Modérateurs : jturlier, Météo Villarzel

Répondre
Gérard
Messages : 2
Enregistré le : 06 mars 2014, 16:51

modèle cvs

Message par Gérard » 06 mars 2014, 16:54

Bonjour et bravo pour ce forum
peu ton avoir un modèle de graphique pour csv
merci

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 481
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: modèle cvs

Message par Météo Villarzel » 06 mars 2014, 18:41

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+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

Gérard
Messages : 2
Enregistré le : 06 mars 2014, 16:51

Re: modèle cvs

Message par Gérard » 07 mars 2014, 17:16

Bonjour
merci Pierre-André

muchistic
Messages : 52
Enregistré le : 17 févr. 2014, 20:20
Localisation : Canejan (33)
Contact :

Re: modèle cvs

Message par muchistic » 25 nov. 2014, 17:03

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
http://www.meteo-canejan.fr/

ma config : VP2 , Weaterlink 5.9 , Graphweather, data2SQL, Windows 7 .

Répondre