Discussion :

[jozefg]

---

Bonjour,

J'utilise donc Highcharts pour afficher les graphiques.
J'en charge 6 sur la même page mais j'en cache 5 pour n'en afficher que un à la fois. Puis, grâce aux bouton adéquats et le script ci-dessous, j'en fais disparaître l'un pour faire apparaître un autre.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
function Dpp_in(name) { 
            $('#submitDay').hide();
            $('#submitMonth').hide();            
            $('#submitYear').hide();         
            $('#submitDayPrev').hide();   
            $('#submitMonthPrev').hide();
            $('#submitYearPrev').hide();     
            $('#'+name).show();
        }

Tout est OK pour l'affichage d'origine. Lors d'affichage d'un autre graphique, la taille change, soit plus large (donc l'on voit pas les dernières colonnes) soit moins large (et la tout est écrasé).
Si je recharge la page, tout revient à la normal pour le graphe en cours.

Une idée ou solution ?
Merci.
Jozef

[NoSmoking]

Bonjour,
il existe la méthode chart.redraw() qui est faite pour cela.

[jozefg]

Bonjour,

Pardon mais il faut mettre chart.redrow() où et quand ?

Pour le moment, en plus du code ci-dessus, j'ai :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 <br>
        <script type="text/javascript">{{ chart(graphMonth)}}</script>
        <script type="text/javascript">{{ chart(graphMonth1) }}</script>
    <div class="row">
		<div class="col-lg-2"></div>
        <div id="submitMonth"  style="display:none; " >    
            <div id="graphMonth" class="col-lg-8 plot" ></div>
        </div>
        <div id="submitMonthPrev" style="display:none; ">    
            <div id="graphMonth1" class="col-lg-8 plot" ></div>
        </div>
    </div>

Sachant que graphMonth et graphMonth1 sont deux objets chart passés en paramètres à ma page (Symfony and Twig), je n'ai pas d'objet sur lequel faire un redraw().

Jozef

[NoSmoking]

Tu peux également utiliser la méthode reflow () et là tu disposes même d'un exemple officiel.

[jozefg]

Messieurs merci. Ca marche

Jozef