当前位置：Gxlcms > PHP教程 > php中用GD绘制折线图，gd绘制折线_PHP教程

php中用GD绘制折线图，gd绘制折线_PHP教程

时间：2021-07-01 10:21:17 帮助过：5人阅读

php中用GD绘制折线图，gd绘制折线


php中用GD绘制折线图，代码如下：

  1. <span>  1</span> <span>Class</span><span> Chart{
  2. </span><span>  2</span>     <span>private</span> <span>$image</span>; <span>//</span><span> 定义图像</span>
  3. <span>  3</span>     <span>private</span> <span>$title</span>; <span>//</span><span> 定义标题</span>
  4. <span>  4</span>     <span>private</span> <span>$ydata</span>; <span>//</span><span> 定义Y轴数据</span>
  5. <span>  5</span>     <span>private</span> <span>$xdata</span>; <span>//</span><span> 定义X轴数据</span>
  6. <span>  6</span>     <span>private</span> <span>$seriesName</span>; <span>//</span><span> 定义每个系列数据的名称</span>
  7. <span>  7</span>     <span>private</span> <span>$color</span>; <span>//</span><span> 定义条形图颜色</span>
  8. <span>  8</span>     <span>private</span> <span>$bgcolor</span>; <span>//</span><span> 定义图片背景颜色</span>
  9. <span>  9</span>     <span>private</span> <span>$width</span>; <span>//</span><span> 定义图片的宽</span>
  10. <span> 10</span>     <span>private</span> <span>$height</span>; <span>//</span><span> 定义图片的长</span>
  11. <span> 11</span>     
  12. <span> 12</span>     <span>/*</span>
  13. <span> 13</span> <span>     * 构造函数 
  14. </span><span> 14</span> <span>     * String title 图片标题
  15. </span><span> 15</span> <span>     * Array xdata 索引数组，X轴数据
  16. </span><span> 16</span> <span>     * Array ydata 索引数组，数字数组,Y轴数据
  17. </span><span> 17</span> <span>     * Array series_name 索引数组，数据系列名称
  18. </span><span> 18</span>      <span>*/</span>
  19. <span> 19</span>     <span>function</span> __construct(<span>$title</span>,<span>$xdata</span>,<span>$ydata</span>,<span>$seriesName</span><span>) {        
  20. </span><span> 20</span>         <span>$this</span>->title = <span>$title</span><span>;
  21. </span><span> 21</span>         <span>$this</span>->xdata = <span>$xdata</span><span>;
  22. </span><span> 22</span>         <span>$this</span>->ydata = <span>$ydata</span><span>;
  23. </span><span> 23</span>         <span>$this</span>->seriesName = <span>$seriesName</span><span>;
  24. </span><span> 24</span>         <span>$this</span>->color = <span>array</span>('#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'<span>);
  25. </span><span> 25</span> <span>    }
  26. </span><span> 26</span>     
  27. <span> 27</span>     <span>/*</span>
  28. <span> 28</span> <span>     * 公有方法，设置条形图的颜色 
  29. </span><span> 29</span> <span>     * Array color 颜色数组,元素取值为'#058DC7'这种形式
  30. </span><span> 30</span>      <span>*/</span>
  31. <span> 31</span>     <span>function</span> setBarColor(<span>$color</span><span>){
  32. </span><span> 32</span>         <span>$this</span>->color = <span>$color</span><span>;
  33. </span><span> 33</span> <span>    }
  34. </span><span> 34</span> <span>/*</span>
  35. <span> 35</span> <span>     * 绘制折线图
  36. </span><span> 36</span>      <span>*/</span>
  37. <span> 37</span>     <span>public</span> <span>function</span><span> paintLineChart() {
  38. </span><span> 38</span>         <span>$ydataNum</span> = <span>$this</span>->arrayNum(<span>$this</span>->ydata); <span>//</span><span> 取得数据分组的个数</span>
  39. <span> 39</span>         <span>$max</span> = <span>$this</span>->arrayMax(<span>$this</span>->ydata); <span>//</span><span> 取得所有呈现数据的最大值</span>
  40. <span> 40</span>         <span>$max</span> = (<span>$max</span> > 100)? <span>$max</span> : 100<span>;
  41. </span><span> 41</span>         <span>$multi</span> = <span>$max</span>/100; <span>//</span><span> 如果最大数据是大于100的则进行缩小处理        </span>
  42. <span> 42</span>         <span>$barHeightMulti</span> = 2.2; <span>//</span><span> 条形高缩放的比例</span>
  43. <span> 43</span>         <span>$lineWidth</span> = 50<span>;
  44. </span><span> 44</span>         <span>$chartLeft</span> = (1+<span>strlen</span>(<span>$max</span>))*12; <span>//</span><span> 设置图片左边的margin</span>
  45. <span> 45</span>         
  46. <span> 46</span>         <span>$lineY</span> = 250; <span>//</span><span> 初始化条形图的Y的坐标
  47. </span><span> 47</span> <span>        // 设置图片的宽、高
  48. </span><span> 48</span> <span>        //$this->width = $lineWidth*count($this->xdata) + $chartLeft - $lineWidth/1.6; </span>
  49. <span> 49</span>         
  50. <span> 50</span>         <span>$margin</span> = 10; <span>//</span><span> 小矩形描述右边margin</span>
  51. <span> 51</span>         <span>$recWidth</span> = 20; <span>//</span><span> 小矩形的宽</span>
  52. <span> 52</span>         <span>$recHeight</span> = 15; <span>//</span><span> 小矩形的高</span>
  53. <span> 53</span>         <span>$space</span> = 20; <span>//</span><span> 小矩形与条形图的间距</span>
  54. <span> 54</span>         <span>$tmpWidth</span> = 0<span>;
  55. </span><span> 55</span>         <span>//</span><span> 设置图片的宽、高</span>
  56. <span> 56</span>         <span>$lineChartWidth</span> =  <span>$lineWidth</span>*<span>count</span>(<span>$this</span>->xdata) + <span>$chartLeft</span> - <span>$lineWidth</span>/1.6<span> ;
  57. </span><span> 57</span>         <span>//</span><span> 两个系列数据以上的加上小矩形的宽</span>
  58. <span> 58</span>         <span>if</span>(<span>$ydataNum</span> > 1<span>) {
  59. </span><span> 59</span>             <span>$tmpWidth</span> = <span>$this</span>->arrayLengthMax(<span>$this</span>->seriesName)*10*4/3 + <span>$space</span> + <span>$recWidth</span> + + <span>$margin</span><span>;
  60. </span><span> 60</span> <span>        } 
  61. </span><span> 61</span>         <span>$this</span>->width = <span>$lineChartWidth</span> + <span>$tmpWidth</span><span>; 
  62. </span><span> 62</span>         
  63. <span> 63</span>         <span>$this</span>->height = 300<span>; 
  64. </span><span> 64</span>         <span>$this</span>->image = imagecreatetruecolor(<span>$this</span>->width ,<span>$this</span>->height); <span>//</span><span> 准备画布</span>
  65. <span> 65</span>         <span>$this</span>->bgcolor = imagecolorallocate(<span>$this</span>->image,255,255,255); <span>//</span><span> 图片的背景颜色
  66. </span><span> 66</span>         
  67. <span> 67</span> <span>        // 设置条形图的颜色</span>
  68. <span> 68</span>         <span>$color</span> = <span>array</span><span>();
  69. </span><span> 69</span>         <span>foreach</span>(<span>$this</span>->color <span>as</span> <span>$col</span><span>) {
  70. </span><span> 70</span>             <span>$col</span> = <span>substr</span>(<span>$col</span>,1,<span>strlen</span>(<span>$col</span>)-1<span>);
  71. </span><span> 71</span>             <span>$red</span> = <span>hexdec</span>(<span>substr</span>(<span>$col</span>,0,2<span>));
  72. </span><span> 72</span>             <span>$green</span> = <span>hexdec</span>(<span>substr</span>(<span>$col</span>,2,2<span>));
  73. </span><span> 73</span>             <span>$blue</span> = <span>hexdec</span>(<span>substr</span>(<span>$col</span>,4,2<span>));
  74. </span><span> 74</span>             <span>$color</span>[] = imagecolorallocate(<span>$this</span>->image ,<span>$red</span>, <span>$green</span>, <span>$blue</span><span>);
  75. </span><span> 75</span> <span>        }
  76. </span><span> 76</span>         
  77. <span> 77</span>         <span>//</span><span> 设置线段的颜色、字体的颜色、字体的路径</span>
  78. <span> 78</span>         <span>$lineColor</span> = imagecolorallocate(<span>$this</span>->image ,0xcc,0xcc,0xcc<span>);
  79. </span><span> 79</span>         <span>$fontColor</span> = imagecolorallocate(<span>$this</span>->image, 0x95,0x8f,0x8f<span>);
  80. </span><span> 80</span>         <span>$fontPath</span> = 'font/simsun.ttc'<span>;
  81. </span><span> 81</span>         
  82. <span> 82</span>         imagefill(<span>$this</span>->image,0,0,<span>$this</span>->bgcolor); <span>//</span><span> 绘画背景
  83. </span><span> 83</span>         
  84. <span> 84</span> <span>        // 绘画图的分短线与左右边线</span>
  85. <span> 85</span>         <span>for</span>(<span>$i</span> = 0; <span>$i</span> < 6; <span>$i</span>++<span> ) {
  86. </span><span> 86</span>             imageline(<span>$this</span>->image,<span>$chartLeft</span>-10,<span>$lineY</span>-<span>$barHeightMulti</span>*<span>$max</span>/5/<span>$multi</span>*<span>$i</span>,<span>$lineChartWidth</span>,<span>$lineY</span>-<span>$barHeightMulti</span>*<span>$max</span>/5/<span>$multi</span>*<span>$i</span>,<span>$lineColor</span><span>);
  87. </span><span> 87</span>             imagestring(<span>$this</span>->image,4,5,<span>$lineY</span>-<span>$barHeightMulti</span>*<span>$max</span>/5/<span>$multi</span>*<span>$i</span>-8,<span>floor</span>(<span>$max</span>/5*<span>$i</span>),<span>$fontColor</span><span>);
  88. </span><span> 88</span> <span>        }        
  89. </span><span> 89</span>         imageline(<span>$this</span>->image,<span>$chartLeft</span>-10,30,<span>$chartLeft</span>-10,<span>$lineY</span>,<span>$lineColor</span><span>);
  90. </span><span> 90</span>         imageline(<span>$this</span>->image,<span>$lineChartWidth</span>-1,30,<span>$lineChartWidth</span>-1,<span>$lineY</span>,<span>$lineColor</span><span>);
  91. </span><span> 91</span>         <span>$style</span> = <span>array</span>(<span>$lineColor</span>,<span>$lineColor</span>,<span>$lineColor</span>,<span>$lineColor</span>,<span>$lineColor</span>,<span>$this</span>->bgcolor,<span>$this</span>->bgcolor,<span>$this</span>->bgcolor,<span>$this</span>->bgcolor,<span>$this</span>-><span>bgcolor);
  92. </span><span> 92</span>         imagesetstyle(<span>$this</span>->image,<span>$style</span><span>);
  93. </span><span> 93</span>         
  94. <span> 94</span>         <span>//</span><span> 绘制折线图的分隔线（虚线）</span>
  95. <span> 95</span>         <span>foreach</span>(<span>$this</span>->xdata <span>as</span> <span>$key</span> => <span>$val</span><span>) {
  96. </span><span> 96</span>                 <span>$lineX</span> = <span>$chartLeft</span> + 3 + <span>$lineWidth</span>*<span>$key</span><span>;
  97. </span><span> 97</span>                 imageline(<span>$this</span>->image,<span>$lineX</span>,30,<span>$lineX</span>,<span>$lineY</span>,<span>IMG_COLOR_STYLED);
  98. </span><span> 98</span> <span>        }
  99. </span><span> 99</span>         
  100. <span>100</span>         <span>//</span><span> 绘画图的折线</span>
  101. <span>101</span>         <span>foreach</span>(<span>$this</span>->ydata <span>as</span> <span>$key</span> => <span>$val</span><span>) {
  102. </span><span>102</span>             <span>if</span>(<span>$ydataNum</span> == 1<span>) {
  103. </span><span>103</span>                 <span>//</span><span> 一个系列数据时</span>
  104. <span>104</span>                 <span>if</span>(<span>$key</span> == <span>count</span>(<span>$this</span>->ydata) - 1 ) <span>break</span><span>;
  105. </span><span>105</span>                 <span>$lineX</span> = <span>$chartLeft</span> + 3 + <span>$lineWidth</span>*<span>$key</span><span>;
  106. </span><span>106</span>                 <span>$lineY2</span> = <span>$lineY</span>-<span>$barHeightMulti</span>*(<span>$this</span>->ydata[<span>$key</span>+1])/<span>$multi</span><span>;
  107. </span><span>107</span>                 
  108. <span>108</span>                 <span>//</span><span> 画折线</span>
  109. <span>109</span>                 <span>if</span>(<span>$key</span> == <span>count</span>(<span>$this</span>->ydata) - 2<span> ) {
  110. </span><span>110</span>                     imagefilledellipse(<span>$this</span>->image,<span>$lineX</span>+<span>$lineWidth</span>,<span>$lineY2</span>,10,10,<span>$color</span>[0<span>]);
  111. </span><span>111</span> <span>                }
  112. </span><span>112</span>                 imageline(<span>$this</span>->image,<span>$lineX</span>,<span>$lineY</span>-<span>$barHeightMulti</span>*<span>$val</span>/<span>$multi</span>,<span>$lineX</span>+<span>$lineWidth</span>,<span>$lineY2</span>,<span>$color</span>[0<span>]);
  113. </span><span>113</span>                 imagefilledellipse(<span>$this</span>->image,<span>$lineX</span>,<span>$lineY</span>-<span>$barHeightMulti</span>*<span>$val</span>/<span>$multi</span>,10,10,<span>$color</span>[0<span>]);
  114. </span><span>114</span>             }<span>elseif</span>(<span>$ydataNum</span> > 1<span>) {
  115. </span><span>115</span>                 <span>//</span><span> 多个系列的数据时</span>
  116. <span>116</span>                 <span>foreach</span>(<span>$val</span> <span>as</span> <span>$ckey</span> => <span>$cval</span><span>) {
  117. </span><span>117</span>                     
  118. <span>118</span>                     <span>if</span>(<span>$ckey</span> == <span>count</span>(<span>$val</span>) - 1 ) <span>break</span><span>; 
  119. </span><span>119</span>                     <span>$lineX</span> = <span>$chartLeft</span> + 3 + <span>$lineWidth</span>*<span>$ckey</span><span>;
  120. </span><span>120</span>                     <span>$lineY2</span> = <span>$lineY</span>-<span>$barHeightMulti</span>*(<span>$val</span>[<span>$ckey</span>+1])/<span>$multi</span><span>;
  121. </span><span>121</span>                     <span>//</span><span> 画折线</span>
  122. <span>122</span>                     <span>if</span>(<span>$ckey</span> == <span>count</span>(<span>$val</span>) - 2<span> ) {
  123. </span><span>123</span>                         imagefilledellipse(<span>$this</span>->image,<span>$lineX</span>+<span>$lineWidth</span>,<span>$lineY2</span>,10,10,<span>$color</span>[<span>$key</span>%<span>count</span>(<span>$this</span>-><span>color)]);
  124. </span><span>124</span> <span>                    }
  125. </span><span>125</span>                     imageline(<span>$this</span>->image,<span>$lineX</span>,<span>$lineY</span>-<span>$barHeightMulti</span>*<span>$cval</span>/<span>$multi</span>,<span>$lineX</span>+<span>$lineWidth</span>,<span>$lineY2</span>,<span>$color</span>[<span>$key</span>%<span>count</span>(<span>$this</span>-><span>color)]);
  126. </span><span>126</span>                     imagefilledellipse(<span>$this</span>->image,<span>$lineX</span>,<span>$lineY</span>-<span>$barHeightMulti</span>*<span>$cval</span>/<span>$multi</span>,10,10,<span>$color</span>[<span>$key</span>%<span>count</span>(<span>$this</span>-><span>color)]);
  127. </span><span>127</span> <span>                }
  128. </span><span>128</span> <span>            }
  129. </span><span>129</span>             
  130. <span>130</span> <span>        }
  131. </span><span>131</span>                 
  132. <span>132</span>         <span>//</span><span> 绘画条形图的x坐标的值</span>
  133. <span>133</span>         <span>foreach</span>(<span>$this</span>->xdata <span>as</span> <span>$key</span> => <span>$val</span><span>) {
  134. </span><span>134</span>             <span>$lineX</span> = <span>$chartLeft</span> + <span>$lineWidth</span>*<span>$key</span> + <span>$lineWidth</span>/3 - 20<span>;
  135. </span><span>135</span>             imagettftext(<span>$this</span>->image,10,-65,<span>$lineX</span>,<span>$lineY</span>+15,<span>$fontColor</span>,<span>$fontPath</span>,<span>$this</span>->xdata[<span>$key</span><span>]);
  136. </span><span>136</span> <span>        }        
  137. </span><span>137</span>         
  138. <span>138</span>         <span>//</span><span> 两个系列数据以上时绘制小矩形及之后文字说明</span>
  139. <span>139</span>         <span>if</span>(<span>$ydataNum</span> > 1<span>) {
  140. </span><span>140</span>             <span>$x1</span> = <span>$lineChartWidth</span> + <span>$space</span><span>;
  141. </span><span>141</span>             <span>$y1</span> = 20<span> ;
  142. </span><span>142</span>             <span>foreach</span>(<span>$this</span>->seriesName <span>as</span> <span>$key</span> => <span>$val</span><span>) {
  143. </span><span>143</span>                 imagefilledrectangle(<span>$this</span>->image,<span>$x1</span>,<span>$y1</span>,<span>$x1</span>+<span>$recWidth</span>,<span>$y1</span>+<span>$recHeight</span>,<span>$color</span>[<span>$key</span>%<span>count</span>(<span>$this</span>-><span>color)]);        
  144. </span><span>144</span>                 imagettftext(<span>$this</span>->image,10,0,<span>$x1</span>+<span>$recWidth</span>+5,<span>$y1</span>+<span>$recHeight</span>-2,<span>$fontColor</span>,<span>$fontPath</span>,<span>$this</span>->seriesName[<span>$key</span><span>]);
  145. </span><span>145</span>                 <span>$y1</span> += <span>$recHeight</span> + 10<span>;            
  146. </span><span>146</span> <span>            }
  147. </span><span>147</span> <span>        }
  148. </span><span>148</span>         
  149. <span>149</span>         <span>//</span><span> 绘画标题</span>
  150. <span>150</span>         <span>$titleStart</span> = (<span>$this</span>->width - 5.5*<span>strlen</span>(<span>$this</span>->title))/2<span>;
  151. </span><span>151</span>         imagettftext(<span>$this</span>->image,11,0,<span>$titleStart</span>,20,<span>$fontColor</span>,<span>$fontPath</span>,<span>$this</span>-><span>title);
  152. </span><span>152</span>         
  153. <span>153</span>         <span>//</span><span> </span>
输出图片 154 header("Content-Type:image/png"); 155 imagepng ( $this->image ); 156 } 157 158 159 /* 160 * 私有方法，当数组为二元数组时，统计数组的长度 161 * Array arr 要做统计的数组 162 */ 163 private function arrayNum($arr) { 164 $num = 0; 165 if(is_array($arr)) { 166 $num++; 167 for($i = 0; $i < count($arr); $i++){ 168 if(is_array($arr[$i])) { 169 $num = count($arr); 170 break; 171 } 172 } 173 } 174 return $num; 175 } 176 177 /* 178 * 私有方法，计算数组的深度 179 * Array arr 数组 180 */ 181 private function arrayDepth($arr) { 182 $num = 0; 183 if(is_array($arr)) { 184 $num++; 185 for($i = 0; $i < count($arr); $i++){ 186 if(is_array($arr[$i])) { 187 $num += $this->arrayDepth($arr[$i]); 188 break; 189 } 190 } 191 } 192 return $num; 193 } 194 195 /* 196 * 私有方法，找到一组中的最大值 197 * Array arr 数字数组 198 */ 199 private function arrayMax($arr) { 200 $depth = $this->arrayDepth($arr); 201 $max = 0; 202 if($depth == 1) { 203 rsort($arr); 204 $max = $arr[0]; 205 }elseif($depth > 1) { 206 foreach($arr as $val) { 207 if(is_array($val)) { 208 if($this->arrayMax($val) > $max) { 209 $max = $this->arrayMax($val); 210 } 211 }else{ 212 if($val > $max){ 213 $max = $val; 214 } 215 } 216 } 217 } 218 return $max; 219 } 220 221 /* 222 * 私有方法，求数组的平均值 223 * Array arr 数字数组 224 */ 225 function arrayAver($arr) { 226 $aver = array(); 227 foreach($arr as $val) { 228 if(is_array($val)) { 229 $aver = array_merge($aver,$val); 230 }else{ 231 $aver[] = $val; 232 } 233 } 234 return array_sum($aver)/count($aver); 235 } 236 237 /* 238 * 私有方法，求数组中元素长度最大的值 239 * Array arr 字符串数组,必须是汉字 240 */ 241 private function arrayLengthMax($arr) { 242 $length = 0; 243 foreach($arr as $val) { 244 $length = strlen($val) > $length ? strlen($val) : $length; 245 } 246 return $length/3; 247 } 248 249 // 析构函数 250 function __destruct(){ 251 imagedestroy($this->image); 252 } 253 }

测试代码如下：

  1. <span>1</span>  <span>$xdata</span> = <span>array</span>('测试一','测试二','测试三','测试四','测试五','测试六','测试七','测试八','测试九'<span>);
  2. </span><span>2</span>  <span>$ydata</span> = <span>array</span>(<span>array</span>(29,30,45,54,65,45,76,23,54),<span>array</span>(89,60,90,23,35,45,56,23,56<span>));
  3. </span><span>3</span>  <span>$color</span> = <span>array</span><span>();
  4. </span><span>4</span>  <span>$seriesName</span> = <span>array</span>("七月","八月"<span>);
  5. </span><span>5</span>  <span>$title</span> = "测试数据"<span>;
  6. </span><span>6</span>  <span>$Img</span> = <span>new</span> Chart(<span>$title</span>,<span>$xdata</span>,<span>$ydata</span>,<span>$seriesName</span><span>);
  7. </span><span>7 </span> <span>$Img</span>->paintLineChart();

效果图如下：

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1068248.htmlTechArticlephp中用GD绘制折线图，gd绘制折线 php中用GD绘制折线图，代码如下： 1 Class Chart{ 2 private $image ; // 定义图像 3 private $title ; // 定义标题 4 priv...

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！