jpgraph を使用してデカルト チャートのソース コード例を作成するチュートリアル

php jpgraph のインストールと構成チュートリアルのほとんどを紹介した後、すぐに jpgraph を使用してグラフを描画する方法を紹介します。 前回の jpgraph チュートリアルでは、jpgraph を使用して折れ線グラフと縦棒グラフを作成する方法を紹介しました。このチュートリアルでは、最初に、最も一般的に使用される 2 つのグラフ タイプ、デカルト チャートの例と、円グラフでのデカルト チャートの作成例を紹介します。このチュートリアルでは、すべてのチャートの共通機能について説明し、一般的なチャート スクリプトの構造を詳しく説明します。このセクションを読むことで、jpgraph のユーザーは、使用される中心的な設定と命名規則だけでなく、単純なチャート スクリプトの作成の基本を理解できるようになります。

以下のすべての jpgraph チャート スクリプトは、ある程度同じ構造を持っています。すべてのスクリプトは、最初に Graph クラスのインスタンスを作成する必要があります。 Graph クラスはグラフ全体を表し、一連のデータから 1 つ以上のグラフ (モデル) を構築できます。チャートの外観を制御するために使用されるほとんどすべての関数がこのクラスに属します。

一般的に使用される jpgraph オブジェクトの感触を得るために、最も一般的に使用されるグラフ タイプであるデカルト グラフの例を示します。

デカルト チャート (X、Y チャート) で一般的に使用されるオブジェクト

jpgraph を使用してデカルト チャートを描画する手順

上の図は基本的に、チャートを描画するときに使用される関数の意味を示しています。以下では、jpgraph を使用してチャートを描画するためのコードを参照できます。

jpgraph クラス ライブラリのドキュメントでは、すべての Graph クラスのインスタンスが $graph という名前の変数に格納されると規定されています。一般的に使用されるいくつかのインスタンス変数を説明するために、次の図は、スクリプトでオブジェクトを操作する基本的なチャートを示しています。

コード全体は次のとおりです

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

require_once ("jpgraph/jpgraph.php"); require_once ("jpgraph/jpgraph_line.php");   $ydata = 配列(11,3,8、12、5、1、9、13、5、7 ); $y2data = 配列(354,200,265、99、111、91、198、225、293、251 );   // 创建图表并制定X、Y轴的刻度种类 $width=550;$height=400; $グラフ = 新しい グラフ(550,400); $graph->SetScale("textlin") ; $graph->SetY2Scale("lin") ; $graph->SetShadow();   // 调整图形留白の尺寸 $graph->SetMargin(50,150、60、80);   // 创建两个線性图形 $lineplot=新しい LinePlot($ydata); $lineplot2=新しい LinePlot($y2data);   // 図表に図形を追加 $graph->Add($lineplot); $graph->AddY2($lineplot2); $lineplot2->SetColor("オレンジ") ; $lineplot2->SetWeight(2);   // 调整轴的颜色 $graph->y2axis->SetColor( "ダークレッド"); $graph->yaxis->SetColor( "青");   $graph->title->SetFont(FF_ARIAL、 FS_BOLD、 14); $graph->title->Set( "JpGraph ライブラリの使用"); $graph->title->SetMargin( 10);   $graph->字幕->SetFont(FF_ARIAL、 FS_BOLD、 10); $graph ->字幕->セット( "(共通オブジェクト)");   $graph ->xaxis->title->SetFont(FF_ARIAL, FS_BOLD, 10); $graph ->xaxis->title->設定("X タイトル"); $graph ->yaxis->title->SetFont(FF_ARIAL, FS_BOLD, 10); $graph ->yaxis->title->セット("Y タイトル");   // 設置モデルの色 $lineplot ->SetColor("blue") ; $lineplot ->SetWeight(2); $lineplot2 ->SetColor("darkred") ; $lineplot2 ->SetWeight(2);  //モデルのテキスト説明を設定します $lineplot->SetLegend("プロット 1"); $lineplot2->SetLegend("プロット 2"); //位置を調整します $graph->凡例->SetPos( 0.05、0.5、「右」、「中央」 ); //チャートを表示 $graph->ストローク(); ?>

jpgraph ソースコードの説明

1. すべてのチャートは、1 つ以上のクラス ライブラリ ファイルを含む require_once ステートメントで開始する必要があります。含まれる特定のディレクトリは、jpgraph のインストール アドレスに関連しています。

2. Y 軸に必要なデータを作成し、特定の折れ線グラフを描画します

3. 2D 効果ポリライン クラスのすべてのチャート スクリプトは、次の 2 つのメソッドを通じて呼び出されます

$graph = new Graph($width, $height);
$graph->SetScale(’…’);

SetScale 関数 は、主に X 軸と Y 軸のスケール タイプを指定するために使用されます。主に X 軸と Y 軸で使用される線形 (lin)、X 軸と Y 軸で使用される対数 (log) です。 Y 軸。テキスト (text) は X 軸でのみ使用でき、整数 (int) は X 軸と Y 軸で使用できます。

SetY2Scale 関数 は主に 2 番目の Y 軸のスケール タイプを指定するために使用されます。

SetShadow 関数 は主にチャートに影効果を追加します。

上記の 2 つの呼び出しステートメントは、グラフ全体を表し、X 軸と Y 軸に使用するスケールを指定する必要な Graph クラス インスタンスを作成します。上記の例では、2 番目のポンプが使用されているため、スクリプトを $graph->SetY2Scale(’…’);

と呼び出す必要があります。

4. ほとんどのグラフでは、左右の上下のマージンを調整する必要があり、SetMargin 関数がこれを意味します。つまり、 $graph->SetMargin($left,$right,$top,$bottom);

5. 次に、前に指定したデータに基づいて 2 つの折れ線グラフのインスタンスを作成し、それらをグラフに配置します。このグラフには 2 つの折れ線があるため、2 番目の折れ線グラフの色と太さを調整する必要があります。 。

6. グラフや軸のタイトルなどのすべてのテキスト オブジェクトは、一般的に使用されるテキスト クラスのインスタンスです。これは、テキスト、フォント、色が同じメソッド、つまり

で指定されることを意味します。

$graph->title->SetFont(FF_ARIAL, FS_BOLD, 14);

$graph->title->Set("JpGraph ライブラリの使用");

$graph->title->SetMargin(10);

$graph->subtitle->SetFont(FF_ARIAL, FS_BOLD, 10);

$graph->subtitle->Set(’(共通オブジェクト)’);

軸のタイトルの設定は

と同様です

$graph->xaxis->title->SetFont(FF_ARIAL, FS_BOLD, 10);

$graph->xaxis->title->Set("X-title");

$graph->yaxis->title->SetFont(FF_ARIAL, FS_BOLD, 10);

$graph->yaxis->title->Set("Y-title");

jpgraph のテキストとフォント コントロールについては、チュートリアルを参照してください: jpgraph 中国語ユーザー マニュアル テキストとフォント コントロールのチュートリアル

7. 最後に、Stroke() またはそのバリアント関数 StrokeCSIM()、StrokeCSIMIMage() をすべてのアイコンの最後に呼び出して、構築された画像をブラウザに送り返す必要があります。

jpgraph を使ってチャートを描くアイデアまとめ

この jpgraph の例を通して、jpgraph を使用してチャートを描画する一般的な考え方は次のとおりであることがわかります

1. jpgraph クラス ライブラリと描画に必要なグラフィックス モデル ファイルを導入します。

2. PS のキャンバスの概念と同様に、チャート全体を表す Graph インスタンスを作成し、X 軸と Y 軸のスケール タイプを指定します。

3. 見た目を美しくし、グラフ全体がグラフィックで埋め尽くされるのを防ぐために、グラフにグラフィックを描画するときに、左右上下の余白を調整できます。

4. 関連データに基づいて描画する必要があるグラフィック インスタンスを作成し、グラフに配置します。

5. 次に、グラフ全体、さまざまなグラフのタイトル、X 軸と Y 軸のテキストの説明、色とフォントの設定があります。

6. 最後に、描画したチャートをブラウザに出力して表示します。

この時点で、jpgraph を使用してデカルト チャートを描画するチュートリアルが紹介されました。jpgraph のソース コードの説明により、jpgraph を使用してチャートを描画するという概念が理解できると思います。

注意: PHP Web サイト開発チュートリアル-leapsoul.cn 転載の際は、元のソースとこの記述をリンクの形で明記してください。