Discussion :

[mer19]

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

[NoSmoking]

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.

[mer19]

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.

[NoSmoking]

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.