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

グラフはブラウザで非常にうまくレンダリングされています。グラフにさらにデータを追加したいと思います。基本的に、グラフには過去数か月の平均売上が表示されています。予測/予測/将来のデータも表示したいと思います。合格できますそのデータをjsonファイルに追加します。将来のデータをチャートで別の色にしたいのですが、チャートの上部にも凡例を表示して、現在のデータと将来のデータを示したいと思います。

前もって感謝します。

4

1 に答える 1

0

解決策は、現在のデータと予測されるデータに異なる線を使用することです。

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

1 つのオプションは、このサイトからパッチを適用したバージョンを使用し、 null-gap:trueを設定し、null データ値を使用して行の位置を埋めることです。

このオプションは、フラッシュ オブジェクトの通常バージョンを使用し、次の例のように散布図を使用することです。 http://teethgrinder.co.uk/open-flash-chart-2/scatter-mixed.php

于 2009-07-05T09:56:52.720 に答える