Pear::Image_Graph その4

Image_Graph 問題点対処ファイル動作確認

Image_Graph 問題点対処ファイルの動作確認をしていきます。
あらかじめ、フォルダ
C:\xampp\htdocs\p_gra
C:\xampp\htdocs\p_gra\file
C:\xampp\htdocs\p_gra\fonts
C:\xampp\htdocs\p_gra\img ・・・ 忘れずに!
を作成しておきます。
XAMPPがインスト-ルされていれば、
C:\xampp\htdocs
のフォルダはあるはずです。
ここからはTeraPadをエディタとして使用することを前提に説明していきます。
TeraPadを起動して「表示(V)」を開いて「オプション(O)」をクリックしてください。
オプション画面が開いたら「文字コ-ド」タプをクリックして下記のようになっていること を確認し[OK]をクリックします。

TeraPadオプション画面

Image_Graph 問題点対処 PHP ファイル作成

63Pear Villageのトップの左サイドナビ「Pear::Image_Graph その4」の中の
Image_Graph 問題点対処 PHP ファイル
を画面に表示させておき、 ファイル名の p_gra-62-xtype-3.php 部分を除き、<?php 以下をすべてコピ-します。
既に開いているTeraPadのなかに今コピ-した内容を貼付けます。
「ファイル(F)」から「名前を付けて保存ファイル(A)」をクリックし
「ファイル名(N)」は、p_gra-62-xtype-3
「ファイルの種類(T)」は、PHPファイル(*.php)
とし、あらかじめ作成しておいたフォルダ
C:\xampp\htdocs\p_gra
に保存します。
これで、p_gra-62-xtype-3.php の作成は完了です。

Image_Graph 用フォントファイル設定

63Pear Villageのトップの左サイドナビ「Pear::Image_Graph」の中の
Image_Graph 基本ファイル作成
にある「フォントの設定」を参照して、フォントファイル ipaexm.ttf ダウンロ-ドし、 fonts フォルダに保存します。
C:\xampp\htdocs\p_gra\fonts \ipaexm.ttf

Pear::Image_Graph インスト-ル

Image_Graph を XAMPP にインスト-ルしてありますか。
もし忘れているようでしたら、
Image_Graph 準備
を参考にして Pear::Image_Graph をインスト-ルしてください。
さらには、レンタルサ-バにアップするならサ-バにもインスト-ルが必要ですよ。
もし忘れているようでしたら、
Image_Graph 準備-2
を参考にして Pear::Image_Graph をサ-バにインスト-ルしてください。

ブラウザで Image_Graph 問題点対処ファイル確認

グラフを表示します。
IEで見ることを前提に説明します。
まず、xamppを起動します。
XAMPP Control Panelが開いたら、Apache Start ボタン、下記、赤丸のところをクリックして Apacheを起動します。

XAMPP Control画面

起動すると、Start ボタンが Stop に変わります。
次に、IEを起動しアドレスバ-に、
http://localhost/p_gra/p_gra-62-xtype-3.php
と記入し、Enterキ-を押します。
重ね合わせたグラフが見えるはずです。

Image_Graph 問題点対処サンプルグラフ

のように表示されたら OK です。
ついでに、C:\xampp\htdocs\p_gra\img のフォルダのなかをみてください。
red.png, black.png, green.png, gray.png
の4個のグラフファイルが見えると思います。
これらを見るとグラフができる過程を知ることができます。

これで、Image_Graph 問題点対処ファイル動作確認は完了です。


Image_Graph グラフ画像合成 に戻る

63Pear Villageに戻る