2015-06-29 12 views
8

Sto utilizzando l'API Google Charts per creare un istogramma. Ho alcune altre parti della pagina che vengono animate quando vengono caricate (non all'interno dell'API di Google) e vorrebbero anche animare i grafici di Google. È piuttosto facile da realizzare, ma la cosa strana è il modo in cui il grafico si anima e quindi la legenda appare una volta completata l'animazione.Come impedire che la legenda scompaia durante un'animazione di Google Charts?

C'è un modo per rendere immediatamente visibile la legenda in modo che sia visibile mentre i grafici si animano?

Ecco un violino che mostra alcuni grafici animazione e la leggenda che appare in seguito: http://jsfiddle.net/Qquse/1343/ passando alcune impostazioni di animazione nelle opzioni del grafico ...

var options = { 
    animation: { 
     duration: 3000, 
     easing: 'out',     
     'startup': true 
    } 
    //etc... 
}; 

Questo thread: https://groups.google.com/forum/#!topic/google-chart-api/q15ggJ0sHNc sembrerebbe suggerire che non c'è nulla che io possa fai questo perché è una caratteristica necessaria del modo in cui Google anima i grafici.

Grazie!

+0

Purtroppo penso che non sia supportato in questo momento. Se si guarda sulla loro documentazione, tutti i loro esempi hanno lo stesso comportamento. https://developers.google.com/chart/interactive/docs/animation –

risposta

0

It looks come quella era una scelta precisa degli sviluppatori perché l'intera tabella viene ridisegnata per ogni fotogramma dell'animazione provocando un tremolio nella legenda così sembra che non può essere gestito attraverso Google Charts.

Proverei un approccio diverso. Vorrei eliminare il GC generare legenda aggiungendo legend: 'none' alle opzioni e quindi creare il mio con una tela trasparente o svg che io strato sul grafico, permettendo che sia lì tutto il tempo indipendente dall'animazione.

Problemi correlati