Highcharts - comment avoir un graphique avec dynamique de la hauteur?
Je veux avoir un graphique qui redimensionne la fenêtre du navigateur, mais le problème est que la hauteur est fixée à 400px. Cette JSFiddle exemple a le même problème.
Comment puis-je le faire? J'ai essayé en utilisant le graphique.les événements.redessiner gestionnaire d'événement pour redimensionner le graphique (à l'aide .setSize), mais je suppose qu'il commence une boucle sans fin (feu gestionnaire d'événements, qui appelle setSize, ce qui déclenche un autre gestionnaire d'événements, etc.).
Vous devez vous connecter pour publier un commentaire.
Il suffit de ne pas définir la propriété height de HighCharts et il va la traiter de façon dynamique pour vous aussi longtemps que vous définissez une taille sur le tableau contenant l'élément. Il peut être un nombre fixe ou un même un pour cent si la position est absolue.
Highcharts docs:
Exemple: http://jsfiddle.net/wkkAd/149/
Que faire si vous avez accroché à la fenêtre de l'événement de redimensionnement:
Voir l'exemple de violon ici.
Highcharts de Référence de l'API : setSize().
Supprimer la hauteur sera de résoudre votre problème parce que highchart est adaptée en dessin si vous réglez votre écran, il sera également re-taille.
Sinon, vous pouvez directement utiliser le javascript de la fenêtre.onresize
À titre d'exemple, mon code (à l'aide de scriptaculos) est :
Lorsque le formulaire est un formulaire html sur ma page web et gfx l'highchart graphiques.
Une autre bonne option est de passer un renderTo HTML de référence.
Si c'est une chaîne, l'élément par cet id est utilisé.
Sinon vous pouvez faire:
ou avec jquery:
De plus amples informations peuvent être trouvées ici:
https://api.highcharts.com/highstock/chart.renderTo
Lors de l'utilisation d'un pourcentage, de la hauteur par rapport à la largeur et de modifier dynamiquement avec elle:
JSFiddle Highcharts avec le pourcentage de la hauteur