オープンフラッシュチャートを使用してページにチャートを表示しています。次のコードを使用して、ページにラインチャートデータを表示しています。オープンフラッシュチャート:投影データを表示する方法
<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ファイルに渡すことができる。将来のデータをチャート内の別の色にしたい、そして伝説を表示したいグラフの上部にも、現在のデータと将来のデータのどちらが表示されているかを示します。
ありがとうございます。