plotly / plotly/plotly.js

Chart title does not obey responsive layout

Ouverte
#5,109 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug P3
Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
2 j 12 h
PR mergées (30 j)
28

Description

Hi, I was following this https://plotly.com/javascript/responsive-fluid-layout/ and it made my chart responsive but the title does not wrap and gets truncated on mobile.

image

Link to code: https://gist.github.com/aadibajpai/b0c11721056325d4892cf926b950cdb1#file-snippet-html

and link to production: https://vanderbilthustler.com/category/coronavirus/

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par l’exemple lié de mise en page fluide et responsive ainsi que par le gist fourni, puis reproduisez la troncature du titre du graphique dans un viewport de taille mobile. Suivez le comportement de la mise en page du titre dans le code Plotly.js concerné ; la tâche est terminée lorsque les titres de graphiques longs passent à la ligne ou restent autrement visibles dans la mise en page responsive.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
data-visualization, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.