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

modèle cvs

Messagepar Gérard » 06 Mar 2014, 17:54

Bonjour et bravo pour ce forum
peu ton avoir un modèle de graphique pour csv
merci
Gérard
 
Messages: 2
Enregistré le: 06 Mar 2014, 17:51

Re: modèle cvs

Messagepar Météo Villarzel » 06 Mar 2014, 19: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-with-data/preprocessing-data-from-a-file-csv-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
Avatar de l’utilisateur
Météo Villarzel
Administrateur du site
 
Messages: 466
Enregistré le: 06 Fév 2014, 10:48

Re: modèle cvs

Messagepar Gérard » 07 Mar 2014, 18:16

Bonjour
merci Pierre-André
Gérard
 
Messages: 2
Enregistré le: 06 Mar 2014, 17:51

Re: modèle cvs

Messagepar muchistic » 25 Nov 2014, 18: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 .
muchistic
 
Messages: 49
Enregistré le: 17 Fév 2014, 21:20
Localisation: Canejan (33)


Retourner vers Des graphiques à partir d'un fichier csv

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité

cron