2009-06-30 8 views
0

J'utilise un graphique flash ouvert pour afficher un graphique dans ma page. J'utilise le code ci-dessous pour afficher les données du graphique linéaire sur ma page.Ouvrir le graphique flash: Comment afficher les données projetées

<script type="text/javascript" src="js/swfobject.js"></script> 
<script type="text/javascript"> 
swfobject.embedSWF("open-flash-chart.swf", "my_chart", "530", "250","9.0.0", "expressInstall.swf", 
{"data-file":"data.json"} 
); 
</script> 

et mon fichier JSON est le suivant

{ 

    "y_legend":{ 
     "text": "Price US$", 
     "style": "{color: #53B9AA;font-size:20; }" 
      }, 

    "elements":[ 
    { 
    "type": "line", 
    "colour": "#53B9AA", 
    "bg_colour": "#E58A25", 
    "background-color":"#53B9AA", 
    "inner_background": "#E58A25", 
    "text": "Price History", 
    "font-size": 19, 
    "width": 1, 
    "dot-style": { 
    "type":"solid-dot", "colour":"#F57F22", "dot-size": 3, 
     "tip":"Average price: #val#<br>#x_label#" }, 
     "on-show": {"type": "shrink-in", "cascade":1, "delay":0.7}, 
      "values" : [ 
       5,7,10,12,13,{"value":11,"colour":"#53B9AA","tip":"Average price : #val#<br>#x_label#"}, 
    10,9,8,7,6] 
} 
], 

    "x_axis":{ 
    "colour": "#7CC8B5", 
    "text": "Price US$", 
    "labels": { 
    "rotate": "vertical", 
    "labels":["Jan-09","Feb-09","Mar-09", 
    "Apr-09","May-09","Jun-09", 
    "Jul-09","Aug-09","Sep-09", 
    "Oct-09","Nov-09","Dec-09", 
    "Jan-10","Feb-10","Mar-10"] 
    } 
}, 

"y_axis":{ 
"stroke": 4, 
    "tick-length": 10, 
    "colour": "#7CC8B5", 
    "grid-colour": "#ADB5C7", 
    "grid-visible": true, 
    "offset": false, 
    "min": 5, 
    "max": 20, 
    "visible": true, 
    "steps": 5 
    } 
} 

Le tableau est rendu dans mon navigateur assez well.Now je veux ajouter quelques données à chart.Basically mon tableau affiche les ventes moyennes depuis quelques mois. Je souhaite également afficher les données projetées/prévues/futures. Je peux transmettre ces données au fichier jSON.Je souhaite que les données futures soient dans une couleur différente dans le graphique.et je souhaite afficher les légendes également en haut du graphique pour indiquer les données actuelles et les données futures.

Merci d'avance.

Répondre

0

La solution consiste à utiliser différentes lignes pour les données actuelles et projetées.

Vous pouvez ajouter plusieurs lignes à un seul graphique, mais cela peut ne pas convenir à vos besoins, car les diagrammes linéaires doivent avoir des données pour l'ensemble de l'axe des abscisses et toutes les valeurs nulles sont interpolées.

Une option consiste à utiliser la version corrigée de this site, de définir null-gap:true et d'utiliser des valeurs de données nulles pour masquer les positions de ligne.

L'option est d'utiliser la version normale de l'objet flash et utiliser les nuages ​​de points comme dans cet exemple: http://teethgrinder.co.uk/open-flash-chart-2/scatter-mixed.php

Questions connexes