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 :

Convertir un tableau � une Chart avec Canvasjs


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre actif
    Femme Profil pro
    Etudiante
    Inscrit en
    Avril 2015
    Messages
    11
    D�tails du profil
    Informations personnelles :
    Sexe : Femme
    �ge : 96
    Localisation : Tunisie

    Informations professionnelles :
    Activit� : Etudiante

    Informations forums :
    Inscription : Avril 2015
    Messages : 11
    Par d�faut Convertir un tableau � une Chart avec Canvasjs
    Hello

    Donc j'essaye de faire une Chart graphique � travers des donn�es r�cup�r�e d'un tableau.

    J'ai fait ceci,
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    var chart1 = new Array();
    chart1.push({x:new Date(months[T1-1]), y: tab(Pf - Amort[I, 2])});
    et voici le code de la chart
    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
    showchart()
    function showchart(){
    var chart = new CanvasJS.Chart("chartContainer",
    {
    title:{
    text: "Number of Persons involved in Traffic Accidents by Mode of Transport"
    },
    data: [
                    {
    type: "stackedArea",
    dataPoints: chart1,
    }
     
                ]
            });
     
    chart.render();


    je voudrai avoir a stackedArea, l� je travaille sur une seule colonne de la table. la chart apparait toute vide.
    Any one can help me

  2. #2
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Bonjour,
    � quel moment appelles tu ta fonction showchart() ?

    Il faut qu'elle soit appel�e apr�s que l'�l�ment receveur, dans ton cas l��l�ment ayant comme id="chartContainer", appartienne au DOM.

  3. #3
    Membre actif
    Femme Profil pro
    Etudiante
    Inscrit en
    Avril 2015
    Messages
    11
    D�tails du profil
    Informations personnelles :
    Sexe : Femme
    �ge : 96
    Localisation : Tunisie

    Informations professionnelles :
    Activit� : Etudiante

    Informations forums :
    Inscription : Avril 2015
    Messages : 11
    Par d�faut
    je l'appelle ici
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
     <button class="btn btn-info btn-sm btn-block btn-raised" type="button" ng-click="showchart();showme=true" >Graphique</button>

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    <div class="wraper">
        <div ng-show="showme">
            <div id="chartContainer" style="height: 300px; width: 100%;">
            </div></div>
     
    </div>

    sinon je n'ai pas tr�s bien saisi.

  4. #4
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Comme tu utilises AngularJS tu ne peux mettre dans le ng-click que des fonctions qui ont �t� d�clar�es dans le � controller �, en gros ta fonction ne ex�cute pas.

Discussions similaires

  1. Convertir une string avec espace en Single
    Par shirya dans le forum C#
    R�ponses: 24
    Dernier message: 23/03/2007, 09h20
  2. R�ponses: 14
    Dernier message: 15/10/2006, 11h22
  3. Tracer une courbe avec 2 tableau de points
    Par babarpapa dans le forum 2D
    R�ponses: 3
    Dernier message: 19/04/2006, 15h24
  4. [String] formater une chaine avec un tableau d'argument
    Par jakouz dans le forum Collection et Stream
    R�ponses: 6
    Dernier message: 14/04/2006, 15h19
  5. R�ponses: 8
    Dernier message: 10/03/2006, 17h28

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