0
votes

NG-2 Graphique non réactif

J'utilise les cartes NG2. J'ai un onglet de date où je peux choisir aujourd'hui, semaine, mois et dates particulières. Selon que mes données varient dans le graphique. Mes données fonctionnent bien selon la date. Mais mon tableau n'est pas suffisamment sensible pour tracer les valeurs correspondant aux dates.

Voir aujourd'hui: https: // IBB. CO / BHDDWLG Data [100,105,120],

Semaine Affichage: HTTPS: // IBB. CO / SFWXYMR Data [100,105,120,140]

Si vous voyez la vue de la semaine, avant de terminer la valeur: 140 graphique diminue, il n'est pas réactif que cela semble.

< / strong>

TS xxx

html xxx < / pré>


0 commentaires

3 Réponses :


0
votes

Ne fournissez pas de largeur et de hauteur à l'élément de toile, car il limite le graphique à afficher complètement, vous devez disposer d'une emballage graphique et de lui donner une largeur et une toile prendra la taille en fonction de l'espace disponible. xxx

et dans le style CSS de votre classe wrapper xxx


1 commentaires

C'est toujours le même frère



1
votes

Voici la solution (la classe doit être appelée graphique ) xxx

css xxx


0 commentaires

1
votes

Vous devez avoir besoin de définir la maintenageApectratio sur false xxx pré>

et régler la planche de planche => canvas babeechart hauteur = "450" ​​ p> xxx pré>

Vous pouvez définir la hauteur mobile avec CSS P>

@media (max-width: 600px) {
  .chartjs-render-monitor {
    height: 700px !important;
  }
}


0 commentaires