Comment créer un diagramme de flèches à partir d'une base de données?

Question

Je veux lier le graphique à barres empilé avec certaines valeurs de base de données. Je l'ai travaillé en utilisant des valeurs codées en dur. Comment puis-je utiliser les valeurs d'une base de données?

À l'heure actuelle, j'ai ce code dans un fichier JavaScript:

$(function() { 
    var css_id = "#placeholder"; 
    var data = [ 
     {label: 'Strong', data: [[1,250], [2,250], [3,250], [4,250], [5,250], [6,250], [7,250], [8,250], [9,250], [10,250], [11,250], [12,250]]},   
     {label: 'Weak', data: [[1,200], [2,200], [3,200], [4,200], [5,200], [6,200], [7,200], [8,200], [9,200], [10,200], [11,200], [12,200]]},   
      {label: 'Medium', data: [[1,50], [2,50], [3,50], [4,50], [5,50], [6,50], [7,50], [8,50], [9,50], [10,50], [11,50], [12,50]]},   
    ]; 
    var options = { 
     series: {stack: 0, 
       lines: {show: false, steps: false }, 
       bars: {show: true, barWidth: 0.9, align: 'center'}, 
       }, 
     xaxis: {ticks: [[1,'Jan'], [2,'Feb'], [3,'March'], [4,'April'], [5,'May'],[6,'June'],[7,'July'],[8,'August'],[9,'Sept'],[10,'Oct'] ,[11,'Nov'],[12,'Dec'] ]}, 
    }; 

    $.plot($(css_id), data, options); 
}); 

Answer 1

La meilleure façon est de générer ce fichier sur côté serveur. Cela signifie que votre code PHP fait écho à l'ensemble des choses, obtient des chiffres de la base de données.

Faire une copie de ce js fichier et remplacer les numéros par des espaces réservés, pour en faire un modèle:

{label: 'forte', les données: [[1, # STRONG_1], [2, # STRONG_2] ...]}

de ce fait, votre PHP (ou quelle langue côté serveur que vous utilisez) programme est:

1. Chargez votre modèle
2. Lire les données de la base de données
3. Remplacer les valeurs dans les espaces réservés avec le modèle
4. l'écho

Vous pouvez utiliser le paramètre d'URL pour dire le programme qui est des données doivent lire, par exemple mygraph.php? date = 20100629

De plus, vous devez insérer ce code (étape 1-4.) dans votre script de générateur de page. N'oubliez pas d'ajouter des balises "script" d'ouverture et de fermeture avant et après votre code JS.

Si vous avez terminé, vous devriez apprendre à faire le même travail avec AJAX.