GoogleChartと文章を同時に出したい

質問

現在、携帯向けのコンテンツ作成を勉強しています。
その中で、GoogleChartからグラフを取得して表示するということを
やりたいのですが、GoogleChartが提供するpng画像は、docomoの携帯
ではみることができません。
そこで、
http://ke-tai.org/blog/2007/12/10/googlechart/
を参考にして以下のようなタグを組んでみましたところ、最後に指定
した（つまり自分で付け加えた）文章が表示されません。
<?php
// チャートのURL
$url = 'http://chart.apis.google.com/chart';
$url .= '?cht=p3&chd=s:hW&chs=250x100&chl=ke-tai|org';
// ドコモの場合のみ
if (preg_match('/^DoCoMo/', $_SERVER['HTTP_USER_AGENT'])) {
// 画像を取得
$resource = imagecreatefrompng($url);
// ヘッダを出力
header('Content-type: image/gif');
// PNG画像をGIFに変換してストリーム出力
imagegif($resource);
} else {
// 通常通りPNG画像で表示
header('Location: ' . $url);
}
print '<a href="http://okwave.jp">あいうえお</a>"
?>

初心者なりに「content-typeに問題があるのでは？」と思ったのですが、
単純にimage/gifをtext/htmlに変えてもうまくいきませんでした。
熟達者の方にとっては基本的なことかも知れませんが、
何卒ご教授くださいますようお願いいたします。

また、print以降だけを表示させたときに「あいうえお」が化けて
しまいましたが、これは文字化けなしで表示したいと思っています。
厚かましいようですが、こちらもできればご教授くださいますと
大変助かります。

よろしくおねがいいたします。

回答No.1

UmJammer · ベストアンサー

参考にされたプログラムは、画像を出力するプログラムなので同時に文字を表示することはできないと考えるのが良いでしょう。
大雑把な説明になりますが、

　header('Content-type: image/gif');

以降に出力されるデータはすべて画像データとして解釈されます。
ですので、まずは貼り付けられたコードの最後のprint文を削除なりコメントアウトしたPHPファイルを用意しましょう。このファイルは普通の画像ファイルだと考えてください。
あとはHTMLの問題なので改めて説明する必要もないかもしれませんが、別のファイルからimgタグで先に用意したファイルを表示して、改行して文字列を記述すれば期待している結果が得られると思います。
文字化けの問題については上記の結果を確認してからで良いと思います。

お礼

ご回答ありがとうございました。

PHPのファイルは、このように画像ファイルとしても使えるのですね。
そのような使い方は思いつきもしませんでしたので、とても驚き、
また結果が表示されたときには感動さえしました。
これを元に勉強させていただいて、また何か疑問が生じましたら
質問させていただきますので、今後ともよろしくお願いいたします。