아약스는 어떻게 FusionCharts 구축

아약스 차트 무엇입니까?
아약스는 차트의 내용은 오픈 플래시 차트 및 데이터베이스로부터 데이터를 얻을 장전 자바 스크립트를 사용을 줘 웹에서 데이터를 시각화합니다.

왜 FusionCharts 아약스를 사용하여 차트를 구축하려면?

FusionCharts하면, 서버 사이드에서 다시로드 스크립트가 필요없이 서버 쪽에서 더 많은 연결이 필요하지 않습니다 동적 차트 및 그래프를 클라이언트 측에서 데이터를 사용하는 플래시 기반의 차트를 생성할 수있습니다. FusionCharts HTML을로, PHP, ColdFusion, JSP로 등 FusionCharts 데이터베이스에서 XML 데이터를 필요한 인터페이스를 사용합니다. 닷넷과 같은 다른 스크립트 언어와 함께 사용할 수있습니다. 아약스는 어떻게 FusionCharts 구축

단계 1.
설치 FusionChart 다운로드 FusionChart 및 추출하여 웹 귀하의 localhost를 폴더에

2 단계
당신이 세 가지를 조립해야합니다 :

SWF 파일에 대해 차트를 만들고 싶어요. 우리는 3 차원 세로 막대형 차트, 누구의 SWF 파일을 만들라는 Column3D.swf로합니다. SWF 파일의 모든 차트를 다운로드 패키지에 존재한다 "차트 폴더에있습니다.

XML 데이터 파일을 누릅니다. FusionCharts 사전의 데이터를 수용할 수 밖에 - XML 형식으로 정의됩니다. 그래서, 당신은 XML 형식으로 데이터를 변환 - 중 서버 사이드 스크립트 언어를 사용하거나 수동으로해야합니다.

HTML을 래퍼 파일. 이것은 HTML 파일에 차트를 삽입하려면 코드를 포함합니다.

3 단계
XML 데이터 원본 상자에 PHP가 XML 파서 만들기

코드 = PHP는 (data.php)

$ = "검색어를 선택하세요 *로부터 tabel_name"; $ resultID = mysql_query ($ 쿼리, $ linkID) 또는 죽을 ( "데이터를 찾을 수없습니다 1."); $ xml_output = ""? xml 형식 버전 = \ "1.0 \"? "\ n "; $ xml_output .="<chart palette='4' caption='Title Chart'> \ n "; ($ x = 0; $ x"mysql_num_rows ($ resultID); $ x + +) ($위한 행 = mysql_fetch_assoc ($ resultID); $ query2 = "선택 * tabel_name 어디로부터 행의 필드 ='".$ [ '입력란에 ']."'"; $ resultID2 = mysql_query ($ query2, $ linkID) 또는 죽을 ("데이터를 찾을 수없습니다 2 . "); $ ROW2 행 = mysql_fetch_assoc ($ resultID2); $ xml_output .=" "레이블을 설정 = '". $ 행 [ '입력란에']. " '가치 ='". $ ROW2 행 [ '형님']. "'/>";

4 단계
이제 뭘 FunsionChart 구축할 필요가 플래시 차트를 볼 수 HTML 파일을 만들 수있습니다
당신은 ""HTML에서 아약스 스크립트 라이브러리를 호출하는 파일은 / JSClass / FusionCharts.js 차트를 포함해야합니다
예를 들어 당신이 HTML 코드를 볼 수

코드 = HTML을 (chart.html)

를 <div id='chartdiv' align='center'> FusionCharts. "/ div"<script type='text/javascript'> var 차트 = 새로운 FusionCharts ('../ content/chart/Charts/Pie3D.swf ','ChartId ', '600', '500 ', '0' , '0 '); chart.setDataURL ('../ 콘텐츠 / 차트 / 갤러리 / 데이터 / data.php? 모드 = golongan');) ( 'chartdiv'chart.render; "/ 스크립트"

# chart.setDataURL ()는 XML 데이터를 3 단계하는지 이해를 PHP로 XML 파서를 포함해야합니다

# var 차트 = 새로운 FusionCharts 당신이 어디에 당신과 XML 데이터를 불러이 차트 유형 및 크기를 선택하십시오 차트 종류 및 크기를 변경할 수있습니다.

Facebook에 공유