IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Script pour r�cup�rer une variable d'un CSV et l'ins�rer dans du javascript


Sujet :

JavaScript

  1. #1
    Membre � l'essai
    Homme Profil pro
    Technicien r�seaux et t�l�coms
    Inscrit en
    Ao�t 2016
    Messages
    5
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gard (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Technicien r�seaux et t�l�coms

    Informations forums :
    Inscription : Ao�t 2016
    Messages : 5
    Par d�faut Script pour r�cup�rer une variable d'un CSV et l'ins�rer dans du javascript
    Bonjour,

    J'ai un graphique avec des donn�es renseign�es � la main soit par exemple :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    <script type="text/javascript">
     
      $(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Indicateurs de gestion de la baie de stockage VSP au 13/07/2016 test modification pour flux rss avec ARA'
            },
            xAxis: {
                categories: ['Total','VMWare','Storage Pool HNAS A','Storage Pool HNAS B']
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Volumétrie en téraoctet'
                },
                stackLabels: {
                    enabled: true,
                    style: {
                        fontWeight: 'bold',
                        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                    }
                }
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                layout: 'vertical',
                x: 0,
                y: 100
            },
            tooltip: {
                headerFormat: '<b>{point.x}</b><br/>',
                pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
            },
            plotOptions: {
                column: {
                    stacking: 'normal',
                    dataLabels: {
                        enabled: true,
                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                        style: {
                            textShadow: '0 0 3px black'
                        }
                    }
                }
            },
            series: [{
                name: 'Espace disque non configuré',
    			color: '#0B6138',
                data: [14.67,0,0,0]
            });
    </script>
    Mon graphique en colonnes empil�es est � la hauteur de mes attentes mais je souhaiterais automatiser les donn�es (en l'occurence les 14.67,0,0,0) � partir d'un fichier CSV du style :

    	                                   total	a	b	c
    Espace disque non configur�	   14,67	0	0	0
    Donn�e 2	                           18	        2	6	5
    Merci

  2. #2
    Membre �prouv�
    Homme Profil pro
    Ing�nieur d�veloppement logiciels
    Inscrit en
    Avril 2003
    Messages
    1 309
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (�le de France)

    Informations professionnelles :
    Activit� : Ing�nieur d�veloppement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2003
    Messages : 1 309
    Par d�faut
    Bonjour,

    Node CSV semble faire ce que vous demandez.

  3. #3
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Highcharts g�re tr�s bien les live data ...
    http://www.highcharts.com/docs/worki...data/live-data

    Il te suffit cot� serveur de r�cup�rer les donn�es de ton fichier csv et de les exploiter toujours cot� serveur pour fournir � HighCharts un json au format ad�quat.. (ex en php json_encode() )
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

Discussions similaires

  1. Script pour r�cup�rer une variable d'un CSV pour alimenter un graphique
    Par Nimois dans le forum EDI, CMS, Outils, Scripts et API
    R�ponses: 8
    Dernier message: 04/08/2016, 16h41
  2. R�ponses: 0
    Dernier message: 20/05/2009, 16h38
  3. Astuce pour r�cup�rer une variable modifi�e
    Par koopajah dans le forum XSL/XSLT/XPATH
    R�ponses: 11
    Dernier message: 12/06/2007, 17h20
  4. R�ponses: 17
    Dernier message: 01/06/2007, 08h16
  5. R�ponses: 2
    Dernier message: 14/04/2006, 18h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo