2009-06-30 28 views
0

我正在使用打開的flash圖表在我的頁面中顯示圖表。我正在使用以下代碼將折線圖數據顯示到我的頁面。打開flash圖表:如何顯示投影數據

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

和我的JSON文件如下

{ 

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

下圖是我在瀏覽器中呈現漂亮well.Now我想添加一些更多的數據來chart.Basically我的圖表顯示的平均銷售過去幾個月。我還想顯示投影/發佈/將來的數據。我可以將這些數據傳遞給jSON文件。我希望未來的數據在圖表中以不同的顏色顯示。我想顯示圖例也在圖表頂部顯示哪一個是當前數據,哪一個是未來數據。

在此先感謝。

回答

0

解決方案是對當前和投影數據使用不同的行。

您可以將多行添加到單個圖表中,但這可能不適合您的目的,因爲(當前至少)線圖需要具有整個x軸範圍的數據,並且插值了任何空值。

一種選擇是使用this site的修補版本,設置null-gap:true並使用空數據值填充行位置。

的選擇是使用Flash對象的正常版本並且在該示例使用散點圖如:http://teethgrinder.co.uk/open-flash-chart-2/scatter-mixed.php