Highchart de rafraîchissement Graphique une fois la Fenêtre est redimensionnée

sur ma page web est un graphique tiré avec Highchart.
Maintenant, si je redimensionner ma fenêtre, je veux que ce graphique pour ajuster sa taille (en particulier la largeur). Le Code ressemble à ceci:

window.onresize=function(){resized();}

function resized()
{
   $("#container").highcharts().redraw();
}

Si je remplacer le rafraîchissement de l'événement (avec quelque chose comme "alert("redimensionnée");") je vais obtenir un résultat si la méthode doit être appelée - mais le tableau ne change plus de sa taille.
J'ai aussi essayé de mettre les cartes manuellement la taille avec

$("#container").highcharts().setSize(width, height, false);

Mais les deux façons de ne pas fonctionner. Est-il une autre solution?

  • Pourquoi avez-vous redessiner=false dans setSize? Si vous ne pouvez pas redessiner graphique après setSize alors vous ne verrez pas d'effet.. de toute façon, jsFiddle démo serait génial. En général, il devrait fonctionner.
  • Eh bien, oui.. cela a résolu mon problème.. vraiment gênant 🙂 Merci
  • Après la lecture de api.highcharts.com/highcharts#Chart.setSize ce n'est pas important* si le 3ème paramètre est true ou false. (seulement pour des raisons de performance)
  • Eh bien, si vous allez créer de démonstration de la question, je vais vérifier cela 🙂
  • jsfiddle.net/LLExL/2632
  • Ok, mais où est le problème? Je ne suis pas sûr.. voir: jsfiddle.net/LLExL/2633
  • Peut-être que j'ai mal compris votre demande de démo, mais avec beaucoup plus de données que le redimensionnement semble un peu lent si vous définissez la 3ème param 'true' dans setSize. Mais le problème initial est résolu, alors je pense que nous pouvons le laisser ici.. 🙂

InformationsquelleAutor Philipp | 2014-04-15
  1. 1

    Avez-vous essayez de code de cette manière donc il va automatiquement gérer graphique redimensionnement de la fenêtre de redimensionnement.

     //create the chart
var chart = Highcharts.chart('container', {
chart: {
    events: {
        redraw: function () {
            var label = this.renderer.label('The chart was just redrawn', 100, 120)
                .attr({
                    fill: Highcharts.getOptions().colors[0],
                    padding: 10,
                    r: 5,
                    zIndex: 8
                })
                .css({
                    color: '#FFFFFF'
                })
                .add();

            setTimeout(function () {
                label.fadeOut();
            }, 1000);
        }
    }
},
xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
    • Merci pour votre contribution, mais ma question est de 4 ans - donc, je ne me souviens pas mon problème initial correctement. Même tho votre réponse pourrait aider d'autres personnes.
    • Bien sûr, je vous remercie pour la mise à jour rapide 🙂 ...
    InformationsquelleAutor Chetan Singhal