2009-06-30 8 views
0

Ich verwende ein offenes Flash-Diagramm, um ein Diagramm auf meiner Seite anzuzeigen. Ich verwende den folgenden Code, um die Liniendiagrammdaten auf meiner Seite anzuzeigen.Flash-Diagramm öffnen: So zeigen Sie projizierte Daten an

<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> 

und meine JSON-Datei ist als

{ 

    "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 
    } 
} 

folgt Das Diagramm in meinem Browser Rendering ist ziemlich well.Now ich einige weitere Daten hinzugefügt werden soll mein Diagramm ist die Anzeige der durchschnittlichen Verkäufe an chart.Basically Ich möchte die projizierten/forcasted/future-Daten auch zeigen. Ich kann diese Daten an die jSON-Datei übergeben. Ich möchte, dass die zukünftigen Daten in einer anderen Farbe im Diagramm sind. Und ich möchte die Legenden anzeigen oben im Diagramm, um anzuzeigen, welche Daten aktuell sind und welche zukünftigen Daten.

Vielen Dank im Voraus.

Antwort

0

Die Lösung besteht darin, verschiedene Zeilen für die aktuellen und projizierten Daten zu verwenden.

Sie können mehrere Zeilen zu einem Diagramm hinzufügen, aber dies ist für Ihre Zwecke möglicherweise nicht geeignet, da Liniendiagramme (derzeit mindestens) Daten für den gesamten X-Achsenbereich enthalten müssen und alle Nullwerte interpoliert werden.

Eine Option besteht darin, die Patched-Version this sitenull-gap:true 0 zu verwenden und Nulldatenwerte zum Auffüllen der Zeilenpositionen zu verwenden.

Die Option ist die normale Version des Flash-Objekts zu verwenden und Streudiagramme wie in diesem Beispiel verwenden: http://teethgrinder.co.uk/open-flash-chart-2/scatter-mixed.php

Verwandte Themen