2009-06-30 2 views
0

オープンフラッシュチャートを使用してページにチャートを表示しています。次のコードを使用して、ページにラインチャートデータを表示しています。オープンフラッシュチャート:投影データを表示する方法

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

チャートは、私は私のチャートは、平均売上を表示しているchart.Basicallyするためにいくつかのより多くのデータを追加したいかなりwell.Now私のブラウザでレンダリングしているが、以下のようです過去数ヶ月間、私は予測/予報/未来のデータも表示したい。そのデータをjSONファイルに渡すことができる。将来のデータをチャート内の別の色にしたい、そして伝説を表示したいグラフの上部にも、現在のデータと将来のデータのどちらが表示されているかを示します。

ありがとうございます。

答えて

0

解決策は、現在のデータと投影されたデータに異なる行を使用することです。

複数の行を1つのグラフに追加できますが、これは目的に合わない可能性があります(少なくとも現在は折れ線グラフにx軸の範囲全体のデータが必要です)。

1つの方法は、this siteからのパッチ適用バージョンを使用し、null-gap:trueと設定し、ヌルデータ値を使用して行位置をパディングします。

通常のバージョンのFlashオブジェクトを使用し、この例のように散布図を使用することができます。http://teethgrinder.co.uk/open-flash-chart-2/scatter-mixed.php

関連する問題