Web 開發中，主要使用下面兩個文件，
- open-flash-chart.swf: Flash 文件接口，通過該文件來生成 Flash 文件，備頁面調用(在 web 目錄下，與 WEB-INF 目錄並級)。
- swfobject.js: Flash 文件依賴的 JS 文件(在 web 目錄下，與 WEB-INF 目錄並級)。
首先在頁面中編寫 script 腳本,保存頁面爲 chart.html
<html>
<head>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart", "250", "200", "9.0.0");
</script>
</head>
<body>
<p>Hello World</p>
<div id="my_chart"></div>
</body>
</html>其次，編寫圖表的 JSON 文本，將該文本保存爲 data.json, 放在與 chart.html 同一個目錄下。
{
"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": ["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
}
}
在瀏覽器地址欄輸入URL，比如：http://localhost:8080/chart/chart.html?ofc=data.json , 就可以看到的圖表效果。