Utilisation ajax pour créer un histogramme dynamique

Bonjour,

J'aimerais savoir comment il fallait procéder afin de créer un histogramme dont les valeurs sont stockés dans une base de données.

Pour être plus précis j'ai dans ma base de données une table qui contient 24 lignes(de 0 à 23) avec 4 champs : id,date,conso, coût. Les valeurs de conso et de coût sont actualiser périodiquement par un automate qui envoie les données dans la table. Elles vont donc changer au fil du temps.

Mon but est de créer un histogramme qui reprend ces différentes valeurs. Pour cela il faut que juste les valeurs de l'histogramme se mette à jour et non la page toute entière.

J'ai déjà réalisé une première partie qui permet d'afficher sur ma page web toutes les lignes de ma table avec toutes les différentes valeurs et faire en sorte que juste ces valeurs la se rafraîchissent et non toute ma page.

Pour exemple sur ma page web j'aurais :
La conso de ma 0(valeur de id de la ligne 1ère ligne de la table) ligne est : 32 (valeur de conso de la ligne 1ère ligne de la table)
La conso de ma 1(valeur de id de la ligne 1ère ligne de la table) ligne est : 32 (valeur de conso de la ligne 2ème ligne de la table)
etc...


Pour cela j'ai utiliser Ajax PHP et prototype.js. Le problème c'est que pour créer un histogramme il me faut du javascript et la est mon problème. Je n'arrive pas à récupérer les valeurs de la table pour les insérer dans mon histogramme puisque on ne peut pas insérer du php dans des balises script!!!

Quelqu'un aurait il une idée du procédé??