"Open Flash Chart 2 설치"의 두 판 사이의 차이

2012년 6월 18일 (월) 14:41 판

Open Flash Chart 2 시작하기
오픈 플래시 차트 2 설치

1 다운로드

http://sourceforge.net/projects/openflashchart/files/open-flash-chart/ 접속
[Version 2 Lug Wyrm Charmer] 클릭^[1]
[open-flash-chart-2-Lug-Wyrm-Charmer.zip] 클릭하여 다운로드

2 설치

open-flash-chart-2-Lug-Wyrm-Charmer.zip 압축 풀기
open-falsh-chart.swf 파일과 php-ofc-library 폴더를 DOCUMENT_ROOT로 업로드

3 hello.php

아래 내용으로 hello.php 생성

<!DOCTYPE html>
<meta charset="utf-8" />
<title>안녕 OFC</title>
<p>안녕 OFC</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"
	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>

DOCUMENT_ROOT 아래에 ofc 폴더를 만들고 hello.php를 업로드
예시: http://jmnote.com/ofc/hello.php

아직 데이터를 연결해주지 않았기 때문에 "안녕 OFC" 외에는 아무 것도 보이지 않는다.

4 sample.json

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

5 주석

↑ 2009-07-27에 마지막으로 업데이트되었으며, 2012-06-18 현재 최신버전

[1] 2009-07-27에 마지막으로 업데이트되었으며, 2012-06-18 현재 최신버전

[1]