Highcharts une librairie javascript pour les graphs – 2/3 – Tutoriel

Merci pour ce tutoriel !
Avez vous des astuces concernant highchart et oracle?
Je voudrais pouvoir afficher les données de ma base oracle en graphique.

Bonjour,
de quelle façon procède-t-on pour obtenir le même type de graphique (camembert) avec les données provenant d’un fichier XML ?

Bonjour,
Super intéressant comme tutoriel. Pour ma part je cherche à générer des graphiques au départ de données dans une base Mysql. Auriez-vous des infos ou un exemple ?

merci beaucoup,

Bonjour mes amis;
je tiens a remercier Imatt d’avoir mis ce forum a notre disposition. franchement Highchats est une bonne librairie, magnifique même.
je suis sur un projet du monitoring, j’aurais a utiliser beaucoup cette librairie, pour afficher plein de graphes, lol.
pour vous, j’essayerai de partager mon expérience avec vous, ça me fera vraiment plaisir. donc je vous donne rendez vous au prochain bug ou a la prochaine fois que je fait quelque chose qui marche bien, lol 😉
bon courage mes amis.

Bonjour
Merci pour ce tutoriel
J’ai repris l’exemple présenté et ça marche très bien.
Mais quand j’alimente le tableau data à partir d’un fichier xml le graphique n’affiche pas les valeurs (affiche les villes seulement)
Je me suis assuré de l’utilisation des mêmes données que ceux de l’exemple sur mon fichier xml ,de même que Le rendu du tableau data avant le passage dans la fonction displayPieChart (données identique à ceux de l’exemple)
alert(data) retourne
ILE DE FRANCE,2232943587,CHAMPAGNE ARDENNE,208049172,PICARDIE,291647915,HAUTE NORMANDIE,329969182,CENTRE,426281434,NORD PAS DE CALAIS,784487750,LORRAINE,462959889,ALSACE,313990716,FRANCHE COMTE,184551882,BASSE NORMANDIE,251148990,PAYS DE LA LOIRE,528196589,BRETAGNE,475894603,LIMOUSIN,142804187,AUVERGNE,221209988,POITOU CHARENTES,255393306,AQUITAINE,637123470,MIDI PYRENEES,617798467,BOURGOGNE,277143087,RHONE ALPES,1056935822,LANGUEDOC ROUSSILLON,629009598,PROVENCE ALPES COTE D’AZUR,1198241479,CORSE,77128456
Es que quelqu’un à une explication ?

Bonjour merci pour votre tuto il est génial.
j’ai crée un pieChart qui affiche des données sytem(memoire) je voudrais le rendre dynamique.j’ai recupéré les infos de mon PC avec un programme java qui me lance une commande DOS puis puis je met mon resultat dans un fichier texte. mon problemes, je voudrais modifier automatiquement mon series.data chaque fois que mon fichier texte change
voici mon code:

enovia

$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: ‘container’,
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: ‘MEMORY’
},
tooltip: {
pointFormat: ‘{series.name}: {point.percentage}%‘,
percentageDecimals: 1
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: ‘pointer’,
dataLabels: {
enabled: true,
color: ‘#000000’,
connectorColor: ‘#000000’,
formatter: function() {
return ‘‘+ this.point.name +’: ‘+ this.percentage +’ %’;
}
}
}
},

series: [{

type: ‘pie’,
name: ‘IS’,
data: [
[‘FREE MEMORY’, 60.0],
{
name: ‘MEMORY IN USE’,
y: 30.0,

selected: true,

},
[‘OTHER’ , 10.0]

]
}]
});

});

});

alert(« Memory ok? »)

Enovia Monitor Memory

Boujour!

Tout d’abord merci pour ce tuto!! une belle découverte!!

je rencontre actuellement un problème d’affichage de mon graphique j’ai retourné le problème et rien y fait… je suis sûre que ça doit être très bête!!

j’ai ma page html avec ma div et un formulaire de selection de tranche de dates

on script appelé au submit dit :
function GraphHighCharts()
{
$(‘form#visu_rdv’).submit(function (e) {
e.preventDefault();

var dateDeb = $(‘input#dpd1’).val();
var dateFin = $(‘input#dpd2′).val();

$.ajax({
url:’../system/requetes.php’,
type:’POST’,
data:{
typeReq:’Bilan-RDV’,
dateDeb:dateDeb,
dateFin:dateFin
},
success: function (data)
{
console.log(data);
var chart = new Highcharts.Chart({
chart: {
type: ‘pie’,
renderTo: ‘container’
},
title: {
text: ‘Stats RDV’
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: ‘pointer’,
dataLabels: {
enabled: true,
color: ‘#000000’,
connectorColor: ‘#000000’,
format: ‘{point.name}: {point.percentage:.1f} %’
}
}
},
series: [{

data: [ »],
}]

});

},
error: function(xhr, textStatus, errorThrown) {
alert(textStatus + ‘ | ‘ + errorThrown);
}
})
});
}

Cette fonction ajax appelle ma requête placé dans un fichier requête et où je construis mon tableau $data :
while($row = $resultat->fetch(PDO::FETCH_ASSOC))
{
$tableauBilan = $row[‘Bilan’];
$tableauNbeRDV = $row[‘Nbe_RDV’];
$data = « [‘$tableauBilan’, $tableauNbeRDV] »;

echo $data;
}

quand je fais un console.log(data) je vois bien mon tableau et les bonnes données
mais le graphique ne s’affiche pas je n’obtiens que le titre et une mention :
Slice:0.0%

Je ne vois pas mon erreur, quelqu’un pourrait-il m’aider 🙁

Merci beaucoup!!!

Bonsoir,

Vous m’y avez invité alors j’abuse… mais promis pour le lien dans l’onglet [Remerciements] j’ai juré.

Compte rendu de l’après midi :
– 30mn au plus pour intégrer Highcharts à ma page html de test,
– pour ce qui de l’installation avec votre tuto Highcharts c’est simple et clair
– 1h pour le prendre en main : changement des données initiales, des couleurs, du format, etc..

Puis :
– 2h ou arriver à ceci :

– avec refresh() une procédure en pied de body qui me dit juste « Bonjour » et à la place de laquelle je pensais mettre :
– le passage des données saisies par l’internaute
– une relance d’Highcharts

Résultat 5h de recherche et de test pour un trou noir.
J’ai tenté d’adapter tous les exemples donnés sur stackoverflow.com au demeurant sans tous comprendre.

C’est sur j’ai atteins mon seuil de compétence de Primo Débutant.

Ai bien besoin d’un coup de pouce que l’on peut résumer en une question :
– comment peut-on redessiner Highcharts après saisie de l’internaute de 2 valeurs numériques ?
Me doutant que la réponse sera plus complexe, merci d’avance de votre aide.

PL

Comment font les autres pour mettre un exemple de code ?
Suis tout triste