Google charts opbygget dynamisk

Tags:    javascript

Godaften udviklere

Nu er jeg ikke specielt god til javascript, men forsøger at lære.
Lige i øjeblikket ser jeg på charts via Google Charts api.
Jeg kan skrive noget javascript der får det til at tegne pænt, men så snart jeg forsøger at lave nogle objekter med data som jeg kan sende via JSON og så langsomt opbygge data til disse charts i javascript.
Delen med at lave JSON og få sendt objekter kan jeg få til at virke, men ikke delen med at få data til disse charts opbygget dynamisk.

Jeg bruger Google Charts: https://developers.google.com/chart/interactive/docs/examples

Det lille eksempel jeg gerne vil have lavet med nogle dynamiske data så den opbygges lidt efter lidt: http://jsfiddle.net/WedEF/1/



2 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Google charts er ikke beregnet til animation, men hvis du insisterer på at bruge det, kan du kalde din "drawChart" funktion periodisk med din nye data, med et timeout på fx 200ms. Du skal dog vide at det vil omtegne hele chartet og det vil tage et stykke tid.

En anden metode er at benytte dig af et animations bibliotek, som fx d3.js eller lign. Det er dog som regel en del mere avanceret end at bruge Googles API.



@Jakob
Tak men ønsker ikke at animere mit chart.
Var mere at jeg kan skrive noget javascript der laver lige præcis det der står i det (se jsfiddle eksempel).
Men jeg henter data via jQuery AJAX som jeg så gerne vil opbygge mine data med, men kunne jeg ikke få til at virke dynamisk.
Men nu har jeg fået det til at virke :)

Se eventuelt her for hvad mit næste problem er: http://www.udvikleren.dk/forum/39095/forstaaelse-af-javascript/



t