Tag: PHP PEAR クラス

Image_Graphを簡単に使う

用意するもの(LaCoocanだと以下を追加する)

  • Image_Graph
  • Image_Canvas
  • Image_Color
  • フォント

使い方

ファイル構成

+- ngraph.php
+- (フォント).ttf
+- Image
    +-Canvas
    +-Graph

配列構成

$graphdata["title"]="グラフのタイトル";
$graphdata["width"]=グラフの幅;
$graphdata["height"]=グラフの高さ;
$graphdata["font"]="フォント名";

$graphdata["axis"]["y"][0]="左Y軸のラベル";
$graphdata["axis"]["y"][1]="右Y軸のラベル";

$graphdata["data"][n]["axis"]=左Y軸:1/右Y軸:2
$graphdata["data"][n]["type"]=折れ線:"line"/棒:"bar";
$graphdata["data"][n]["title"]="ラベル";
$graphdata["data"][n]["line"]["color"]="線の色";
$graphdata["data"][n]["line"]["width"]=線の太さ;
$graphdata["data"][n]["fill"]["color"]="塗りつぶしの色";
$graphdata["data"][n]["value"][n]=値;

出力

NGraph::draw($graphdata);

サンプル

  • 日本語を含む場合はutf-8で
    <?php
    
    require_once("ngraph.php");
    
    $graphdata=array();
    
    $graphdata["title"]="グラフ";
    $graphdata["width"]=800;
    $graphdata["height"]=300;
    $graphdata["font"]="sazanami-gothic.ttf";
    $graphdata["axis"]["y"][0]="pt";
    $graphdata["axis"]["y"][1]="hit";
    $graphdata["data"][0]["axis"]=1;
    $graphdata["data"][0]["type"]="line";
    $graphdata["data"][0]["title"]="data1";
    $graphdata["data"][0]["line"]["color"]="green";
    $graphdata["data"][0]["line"]["width"]=3;
    $graphdata["data"][1]["axis"]=2;
    $graphdata["data"][1]["type"]="line";
    $graphdata["data"][1]["title"]="data2";
    $graphdata["data"][1]["line"]["color"]="orange";
    $graphdata["data"][1]["line"]["width"]=3;
    
    for($j=0;$j<2;$j++){
            for($i=0;$i<30;$i++){
                    $graphdata["data"][$j]["value"][$i]=rand(1,1000*($j+1));
            }
    }
    
    NGraph::draw($graphdata);
    
    ?>
  • 実行結果

WebAPI

使い方

xmlの形式

<?xml version="1.0" encoding="utf-8"?>
<graph>
        <title>タイトル</title>
        <width>400</width>
        <height>200</height>
        <axis>
                <y>pt</y>
                <y>hit</y>
        </axis>
        <data>
                <axis>1</axis>
                <type>line</type>
                <title>data1</title>
                <line>
                        <color>green</color>
                        <width>3</width>
                </line>
                <value>1</value>
                <value>2</value>
                <value>3</value>
                <value>4</value>
                <value>5</value>
                <value>6</value>
                <value>7</value>
                <value>8</value>
                <value>9</value>
                <value>10</value>
        </data>
        <data>
                <axis>2</axis>
                <type>line</type>
                <title>data2</title>
                <line>
                        <color>orange</color>
                        <width>3</width>
                </line>
                <value>11</value>
                <value>12</value>
                <value>13</value>
                <value>14</value>
                <value>15</value>
                <value>16</value>
                <value>17</value>
                <value>18</value>
                <value>19</value>
                <value>20</value>
        </data>
</graph>

添付ファイル: filengraph.php 179件 [詳細] fileimage_graph.tar.gz 151件 [詳細]

Last-modified: 2008-08-19 (火) 11:45:52 (3292d)