위키
포럼
도구
바뀐글
랜덤

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

103번째 줄: 103번째 줄:
이번에는 data.json 대신 PHP에서 데이터를 생성하여 차트에 연결에 보자.
이번에는 data.json 대신 PHP에서 데이터를 생성하여 차트에 연결에 보자.


*http://jmnote/ofc/chart.php?ofc=data.php
*http://jmnote.com/ofc/chart.php?ofc=data.php


==주석==
==주석==

2012년 6월 18일 (월) 16:18 판

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

1 다운로드

2 설치

swf 자체를 호출하면 데이터가 입력되지 않아서 아래와 같이 IO ERROR라고 나온다.

Ofc first error.png

3 chart.php

  • 아래 내용으로 chart.php 생성
이 파일은 HTML 화면 내에 OFC 영역을 할당하는 역할을 한다.
<!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>
여전히 데이터를 연결해주지 않았기 때문에 IO ERROR 메시지가 나온다.

4 data.json

  • 아래 내용으로 data.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 data.php

이번에는 data.json 대신 PHP에서 데이터를 생성하여 차트에 연결에 보자.

6 주석

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

7 참고 자료

원본 주소 "https://zetawiki.com/w/index.php?title=Open_Flash_Chart_2_설치&oldid=9543"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}