Web Development တွင် Graph Display သည်အသုံးပြုသူအပြန်အလှန်အတွေ့အကြုံ၏အရေးကြီးသောအစိတ်အပိုင်းဖြစ်သည်။ ဘုံဇယားအမျိုးအစားအနေဖြင့်လက်စွပ်ဇယားများကိုဒေတာမြင်ကွင်းတွင်ကွဲပြားခြားနားပြီးအလိုအလျောက်အလိုအလျောက်ပြသခြင်းသက်ရောက်မှုများဖြင့်ကျယ်ကျယ်ပြန့်ပြန့်အသုံးပြုကြသည်။ PHP တွင် Ring Graphs များကိုထုတ်လုပ်လိုပါက IdefreeedarC function သည်သင့်အတွက်ကောင်းမွန်သောအထောက်အမဖြစ်လိမ့်မည်။ အောက်ဖော်ပြပါအချက်များအရ PHP တွင် GD စာကြည့်တိုက်ကို PHP တွင်မည်သို့အသုံးပြုရမည်ကိုသင်သွန်သင်ပါမည်။
ပထမ ဦး စွာ, သင်၏ PHP ပတ်ဝန်းကျင်သည် GD စာ ကြည့် တိုက်ကို GD စာကြည့်တိုက်ကိုထောက်ပံ့ပြီးဖြစ်သည်။ အောက်ပါကုဒ်ကိုလိုက်နာခြင်းဖြင့် GD စာကြည့်တိုက်ကိုဖွင့်ခြင်းရှိမရှိကိုသင်စစ်ဆေးနိုင်သည်။
<span><span><span class="hljs-meta"><?php</span></span><span>
</span><span><span class="hljs-keyword">if</span></span><span> (</span><span><span class="hljs-title function_ invoke__">function_exists</span></span><span>(</span><span><span class="hljs-string">'gd_info'</span></span><span>)) {
</span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-string">"GDစာကြည့်တိုက်ကိုဖွင့်ထားသည်"</span></span><span>;
} </span><span><span class="hljs-keyword">else</span></span><span> {
</span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-string">"GDစာကြည့်တိုက်ကိုဖွင့်မထားပါ"</span></span><span>;
}
</span><span><span class="hljs-meta">?></span></span><span>
</span></span>
အကယ်. GD စာကြည့်တိုက်ကိုမဖွင့်ပါက၎င်းကို install လုပ်ရန်လိုအပ်ပြီး၎င်းကို php configuration file တွင်၎င်းကိုချိန်ညှိရန်သို့မဟုတ်ဆာဗာတွင်သက်ဆိုင်ရာ extension များကို install လုပ်ပါ။
GD စာကြည့်တိုက်ကိုအသုံးပြုသောအခါပထမခြေလှမ်းသည်များသောအားဖြင့်ပတ်တူဖန်တီးရန်ဖြစ်သည်။ အဆိုပါပတ်တူ spressecreatetuecolor () function မှတဆင့်ဖန်တီးနိုင်ပါသည်, အလွတ်ဆွဲသောပတ်တူအရာဝတ်ထုကိုပြန်ပို့ပေးနိုင်တဲ့ imagecreatetuecolor () function မှတဆင့်ဖန်တီးနိုင်ပါတယ်
<span><span><span class="hljs-meta"><?php</span></span><span>
</span><span><span class="hljs-comment">// ပတ်တူ၏အကျယ်နှင့်အမြင့်ကိုသတ်မှတ်</span></span><span>
</span><span><span class="hljs-variable">$width</span></span><span> = </span><span><span class="hljs-number">400</span></span><span>;
</span><span><span class="hljs-variable">$height</span></span><span> = </span><span><span class="hljs-number">400</span></span><span>;
</span><span><span class="hljs-comment">// ပတ်တူဖန်တီးပါ</span></span><span>
</span><span><span class="hljs-variable">$image</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatetruecolor</span></span><span>(</span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>);
</span><span><span class="hljs-comment">// နောက်ခံအရောင်နှင့်အတူဖြည့်ပါ</span></span><span>
</span><span><span class="hljs-variable">$backgroundColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>); </span><span><span class="hljs-comment">// အဖြူ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefill</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-variable">$backgroundColor</span></span><span>);
</span><span><span class="hljs-meta">?></span></span><span>
</span></span>
ထို့နောက် Ringform ဂရပ်ကိုဆွဲရန် Idefreeedarc () function ကိုသုံးပါ။ ဒီ function ကဖြည့်စွက်တဲ့ arc ဆွဲနိုင်ပြီးကွဲပြားခြားနားသောစတင်သည့်ထောင့်များကိုသတ်မှတ်ခြင်းဖြင့်လက်စွပ်အကျိုးသက်ရောက်မှုတစ်ခုဖန်တီးနိုင်သည်။
<span><span><span class="hljs-title function_ invoke__">imagefilledarc</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-variable">$cx</span></span><span>, </span><span><span class="hljs-variable">$cy</span></span><span>, </span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>, </span><span><span class="hljs-variable">$start</span></span><span>, </span><span><span class="hljs-variable">$end</span></span><span>, </span><span><span class="hljs-variable">$color</span></span><span>, </span><span><span class="hljs-variable">$style</span></span><span>);
</span></span>
$ Image : Canvas Resource
$ CX, $ cy : စင်တာကိုသွဒီနိတ်
$ width, $ အမြင့် : စက်ဝိုင်း၏အနံနှင့်အမြင့်
$ Start, $ end : arc ၏ start နှင့်အဆုံးထောင့် (ယူနစ်: ဒီဂရီ)
$ အရောင် : အရောင်ဖြည့်ပါ
$ style : draw style, img_arc_pie ကို သုံး. ဖြည့်ထားသော arc များကိုဖန်တီးပါ
<span><span><span class="hljs-meta"><?php</span></span><span>
</span><span><span class="hljs-comment">// အရောင်ထားပါ</span></span><span>
</span><span><span class="hljs-variable">$black</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>);
</span><span><span class="hljs-variable">$blue</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>);
</span><span><span class="hljs-variable">$green</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>);
</span><span><span class="hljs-comment">// စင်တာကိုသွဒီနိတ်</span></span><span>
</span><span><span class="hljs-variable">$cx</span></span><span> = </span><span><span class="hljs-variable">$width</span></span><span> / </span><span><span class="hljs-number">2</span></span><span>;
</span><span><span class="hljs-variable">$cy</span></span><span> = </span><span><span class="hljs-variable">$height</span></span><span> / </span><span><span class="hljs-number">2</span></span><span>;
</span><span><span class="hljs-comment">// လက်စွပ်ပုံဆွဲ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledarc</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-variable">$cx</span></span><span>, </span><span><span class="hljs-variable">$cy</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">120</span></span><span>, </span><span><span class="hljs-variable">$blue</span></span><span>, IMG_ARC_PIE); </span><span><span class="hljs-comment">// အပြာရောင် area ရိယာ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledarc</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-variable">$cx</span></span><span>, </span><span><span class="hljs-variable">$cy</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">120</span></span><span>, </span><span><span class="hljs-number">240</span></span><span>, </span><span><span class="hljs-variable">$green</span></span><span>, IMG_ARC_PIE); </span><span><span class="hljs-comment">// အစိမ်းရောင် area ရိယာ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledarc</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-variable">$cx</span></span><span>, </span><span><span class="hljs-variable">$cy</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">240</span></span><span>, </span><span><span class="hljs-number">360</span></span><span>, </span><span><span class="hljs-variable">$black</span></span><span>, IMG_ARC_PIE); </span><span><span class="hljs-comment">// အနက်ရောင် area ရိယာ</span></span><span>
</span><span><span class="hljs-meta">?></span></span><span>
</span></span>
သင်ရေးဆွဲပြီးတာနဲ့ပုံကိုဝက်ဘ်စာမျက်နှာပေါ်တွင်တိုက်ရိုက်ဖော်ပြရန်သို့မဟုတ်ဖိုင်တစ်ခုအနေဖြင့်သိမ်းဆည်းရန်ရွေးချယ်နိုင်သည်။ အကြောင်းအရာအမျိုးအစားကို header () function မှတဆင့်ပုံအမျိုးအစားသို့ image type သို့သတ်မှတ်ပြီးပုံရိပ် output လုပ်ရန် imagepng () imagejpeg () imagejpeg () imageиjjpeg () imagemjpeg () ကဲ့သို့သောလုပ်ဆောင်ချက်များကိုသုံးပါ။
<span><span><span class="hljs-meta"><?php</span></span><span>
</span><span><span class="hljs-comment">// အကြောင်းအရာအမျိုးအစားကိုသတ်မှတ်ပါ PNG အရုပ်</span></span><span>
</span><span><span class="hljs-title function_ invoke__">header</span></span><span>(</span><span><span class="hljs-string">'Content-Type: image/png'</span></span><span>);
</span><span><span class="hljs-comment">// 输出အရုပ်到浏览器</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagepng</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);
</span><span><span class="hljs-comment">// 保存အရုပ်到文件</span></span><span>
</span><span><span class="hljs-comment">// imagepng($image, 'donut_chart.png');</span></span><span>
</span><span><span class="hljs-meta">?></span></span><span>
</span></span>
မှတ်ဥာဏ်ကိုသိမ်းရန်, ရုပ်ပုံများကိုထုတ်လုပ်ပြီးနောက်ပုံရိပ်အရင်းအမြစ်များကိုဖျက်ဆီးရန်သတိရပါ။
<span><span><span class="hljs-meta"><?php</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagedestroy</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);
</span><span><span class="hljs-meta">?></span></span><span>
</span></span>
အဆင့်များအားလုံးကိုပေါင်းစပ်ပြီးဤနေရာတွင် PHP လက်စွပ်ဂရပ်ဖစ်မျိုးဆက်မျိုးဆက်ဆိုင်ရာကုဒ်နံပါတ်ဖြစ်သည်။
<span><span><span class="hljs-meta"><?php</span></span><span>
</span><span><span class="hljs-comment">// ပတ်တူဖန်တီးပါ</span></span><span>
</span><span><span class="hljs-variable">$width</span></span><span> = </span><span><span class="hljs-number">400</span></span><span>;
</span><span><span class="hljs-variable">$height</span></span><span> = </span><span><span class="hljs-number">400</span></span><span>;
</span><span><span class="hljs-variable">$image</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatetruecolor</span></span><span>(</span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>);
</span><span><span class="hljs-comment">// နောက်ခံအရောင်နှင့်အတူဖြည့်ပါ</span></span><span>
</span><span><span class="hljs-variable">$backgroundColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>); </span><span><span class="hljs-comment">// အဖြူ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefill</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-variable">$backgroundColor</span></span><span>);
</span><span><span class="hljs-comment">// အရောင်ထားပါ</span></span><span>
</span><span><span class="hljs-variable">$black</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>);
</span><span><span class="hljs-variable">$blue</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>);
</span><span><span class="hljs-variable">$green</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>);
</span><span><span class="hljs-comment">// စင်တာကိုသွဒီနိတ်</span></span><span>
</span><span><span class="hljs-variable">$cx</span></span><span> = </span><span><span class="hljs-variable">$width</span></span><span> / </span><span><span class="hljs-number">2</span></span><span>;
</span><span><span class="hljs-variable">$cy</span></span><span> = </span><span><span class="hljs-variable">$height</span></span><span> / </span><span><span class="hljs-number">2</span></span><span>;
</span><span><span class="hljs-comment">// လက်စွပ်ပုံဆွဲ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledarc</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-variable">$cx</span></span><span>, </span><span><span class="hljs-variable">$cy</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">120</span></span><span>, </span><span><span class="hljs-variable">$blue</span></span><span>, IMG_ARC_PIE); </span><span><span class="hljs-comment">// အပြာရောင် area ရိယာ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledarc</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-variable">$cx</span></span><span>, </span><span><span class="hljs-variable">$cy</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">120</span></span><span>, </span><span><span class="hljs-number">240</span></span><span>, </span><span><span class="hljs-variable">$green</span></span><span>, IMG_ARC_PIE); </span><span><span class="hljs-comment">// အစိမ်းရောင် area ရိယာ</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledarc</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-variable">$cx</span></span><span>, </span><span><span class="hljs-variable">$cy</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">300</span></span><span>, </span><span><span class="hljs-number">240</span></span><span>, </span><span><span class="hljs-number">360</span></span><span>, </span><span><span class="hljs-variable">$black</span></span><span>, IMG_ARC_PIE); </span><span><span class="hljs-comment">// အနက်ရောင် area ရိယာ</span></span><span>
</span><span><span class="hljs-comment">// အကြောင်းအရာအမျိုးအစားကိုသတ်မှတ်ပါ PNG အရုပ်</span></span><span>
</span><span><span class="hljs-title function_ invoke__">header</span></span><span>(</span><span><span class="hljs-string">'Content-Type: image/png'</span></span><span>);
</span><span><span class="hljs-comment">// 输出အရုပ်到浏览器</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagepng</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);
</span><span><span class="hljs-comment">// 销毁အရုပ်资源</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagedestroy</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);
</span><span><span class="hljs-meta">?></span></span><span>
</span></span>
အထက်ပါအဆင့်များမှတစ်ဆင့်ရိုးရှင်းသောလက်စွပ်ပုံဆွဲရန် IdefreatedarC function ကိုမည်သို့အသုံးပြုရမည်ကိုသင်ကျွမ်းကျင်ခဲ့သည်။ သင်၏လိုအပ်ချက်များနှင့်ကိုက်ညီသော circular dagram ကိုဖန်တီးရန်အရောင်, ထောင့်နှင့်အရွယ်အစားကဲ့သို့သော parameters များကိုသင်ညှိနိုင်သည်။ ရှုပ်ထွေးသော application များတွင် Ring Graphs များကို chart ပါဝင်သည့်အချိန်မှန်သို့ပြောင်းလဲရန်နှင့်အသုံးပြုသူအတွေ့အကြုံများကိုတိုးတက်စေရန်တက်ကြွသောအချက်အလက်များနှင့်ပေါင်းစပ်နိုင်သည်။
ဤသင်ခန်းစာသည် PHP စီမံကိန်းများရှိလက်စွပ်သက်ရောက်မှုများကိုရရှိရန်နှင့်သင်၏အချက်အလက်မြင်ကွင်းတွင်ပိုမိုတိုးတက်စေရန်အတွက်ဤသင်ခန်းစာသည်သင့်အားကူညီနိုင်လိမ့်မည်ဟုကျွန်ုပ်မျှော်လင့်ပါသည်။