Tutorials1------open flash chart

来源：互联网发布：淘宝如何删除我的评价编辑：程序博客网时间：2024/05/16 01:55

open flash chart

1.In this tutorials we are going to try and get the following chart onto your web site.

2.before we can start you should hava downloaded the open flash chart .zip file.

http://cdnetworks-kr-1.dl.sourceforge.net/project/openflashchart/open-flash-chart/Version%202%20Lug%20Wyrm%20Charmer/open-flash-chart-2-Lug-Wyrm-Charmer.zip

3.open the .zip ,copy this open-flash-chart.swf to the root folder of your web server.

now we can start coding

4.Copy the following code into a new file.

<html><head></head><body> <p>Hello World</p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="500"height="250" id="graph-2" align="middle"> <param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="open-flash-chart.swf" /><param name="quality" value="high" /><embed src="open-flash-chart.swf" mce_src="open-flash-chart.swf" quality="high" bgcolor="#FFFFFF" width="500" height="250" name="open-flash-chart" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> </body></html>

save it as 'chart.html' in the root of your website.

now browse to the web page,example will display an error message. Don't worry!

chart data can not find so displays an error message

this is exactly what we wanted to see

5.now we need to provide it with some data.open flash chart reads json data(JSON is the name of the format that the data takes)

{ "title":{ "text": "Many data lines", "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}" }, "y_legend":{ "text": "Open Flash Chart", "style": "{color: #736AFF; font-size: 12px;}" }, "elements":[ { "type": "bar", "alpha": 0.5, "colour": "#9933CC", "text": "Page views", "font-size": 10, "values" : [9,6,7,9,5,7,6,9,7] }, { "type": "bar", "alpha": 0.5, "colour": "#CC9933", "text": "Page views 2", "font-size": 10, "values" : [6,7,9,5,7,6,9,7,3] } ], "x_axis":{ "stroke":1, "tick_height":10, "colour":"#d000d0", "grid_colour":"#00ff00", "labels": { "labels": ["January","February","March","April","May","June","July","August","Spetember"] } }, "y_axis":{ "stroke": 4, "tick_length": 3, "colour": "#d000d0", "grid_colour": "#00ff00", "offset": 0, "max": 20 }}

Next copy the json data into a new file and save this as 'data.json' in the root of the web site.

Last edit your url and append ?ofc=data.json. Enter

congratulations。you can do it.