zoukankan      html  css  js  c++  java
  • PHP实现动态生成饼状图 (转载)

    <?php
    
    //变量定义,画椭圆弧时的角度大小
    define("ANGLELENGTH", 10);
    
    /**
     * 绘制图片
     * @param $title 3D图的标题
     * @param $dataArr 显示的数据数组
     * @param $labelArr 对应数据的标签分类数组
     * @param $colorArr 对应绘图颜色的数组
     * @param $a  画布的基准宽度
     * @param $b  画布的基准高度
     * @param $v  3D柱的高度
     * @param $font 字体大小
     * @return   绘制成功的图片访问路径
     */
    function drawPieImg($title, $dataArr, $labelArr, $colorArr, $a = 250, $b = 120, $v = 15, $font = 10) {
        //饼状图开始的位置  x y
        $ox = 5 + $a;
        $oy = 5 + $b;
        // 返回指定自体一个字符宽度的像素值
        $fw = imagefontwidth($font);
        $fh = imagefontheight($font);
        $n = count($dataArr); //计算数组长度
        $w = 10 + $a * 2;
        $h = 10 + $b * 2 + $v + ($fh + 2) * $n;
        //创建画板
        $img = imagecreate($w, $h);
        //转RGB为索引色    各种传入的值
        for ($i = 0; $i < $n; $i++) {
            $colorArr[$i] = drawIndexColor($img, $colorArr[$i]); //为图像$img分配颜色
        }
        //背景的颜色
        $clrbk = imagecolorallocate($img, 0xff, 0xff, 0xff);
        $clrt = imagecolorallocate($img, 0x00, 0x00, 0x00);
        //填充背景色   
        imagefill($img, 0, 0, $clrbk);
        //求和  计算出总的数值
        $tot = 0;
        for ($i = 0; $i < $n; $i++) {
            $tot += $dataArr[$i];
        }
        //每个分类的起始角度大小
        $sd = 0;
        //每个分类所占据的角度大小
        $ed = 0;
        $ly = 10 + $b * 2 + $v;
        for ($i = 0; $i < $n; $i++) {
            //上次的结束角度赋值给本次的起始的角度
            $sd = $ed;
            $ed += $dataArr[$i] / $tot * 360;
            //画3d扇面
            draw3DSector($img, $ox, $oy + 20, $a, $b, $v, $sd, $ed, $colorArr[$i]);
            //画标签
            imagefilledrectangle($img, 5, $ly, 5 + $fw, $ly + $fh, $colorArr[$i]);
            imagerectangle($img, 5, $ly, 5 + $fw, $ly + $fh, $clrt);
            //中文转码
            $str = $labelArr[$i];
            imagettftext($img, $font, 0, 5 + 2 * $fw, $ly + 13, $clrt, "/usr/local/apache243/htdocs/GDdemo/simsun.ttc", $str . ":" . $dataArr[$i] . "(" . (round(10000 * ($dataArr[$i] / $tot)) / 100) . "%)");
            $ly += $fh + 2;
        }
        //绘制图片标题
        imagettftext($img, 15, 0, 5, 15, $clrt, "/usr/local/apache243/htdocs/GDdemo/simsun.ttc", $title);
        //输出图形
        //header("Content-type: image/png");
        //输出生成的图片
        $imgFileName = "./" . time() . ".png";
        imagepng($img, $imgFileName);
        return $imgFileName;
    }
    
    /**
     * 绘制3d扇面
     * @param imagecreate $img 画布
     * @param int  $ox   饼状图距离x边框的距离
     * @param int $oy   饼状图距离x边框的距离
     * @param int $a  画布的基准宽度
     * @param int $b  画布的基准高度
     * @param int $v 3d柱面高度
     * @param int $sd 起始的角度
     * @param int $ed 结束的角度
     * @param  $clr 颜色
     */
    function draw3DSector($img, $ox, $oy, $a, $b, $v, $sd, $ed, $clr) {
        drawSector($img, $ox, $oy, $a, $b, $sd, $ed, $clr);
        //起始的角度小于180度
        if ($sd < 180) {
            list($red, $green, $blue) = drawDarkColor($img, $clr);
            //为图像分配颜色   这是比较暗的颜色 
            $clr = imagecolorallocate($img, $red, $green, $blue);
            //如果结束的角度大于180度
            if ($ed > 180) {
                $ed = 180;
            }
            //求出角度对应椭圆的点
            list($sx, $sy) = getExy($a, $b, $sd);
            $sx += $ox;
            $sy += $oy;
            list($ex, $ey) = getExy($a, $b, $ed);
            $ex += $ox;
            $ey += $oy;
            //绘制竖着的直线
            imageline($img, $sx, $sy, $sx, $sy + $v, $clr);
            //绘制结束点的竖着的直线
            imageline($img, $ex, $ey, $ex, $ey + $v, $clr);
            //
            drawArc($img, $ox, $oy + $v, $a, $b, $sd, $ed, $clr);
            list($sx, $sy) = getExy($a, $b, ($sd + $ed) / 2);
            $sy += $oy + $v / 2;
            $sx += $ox;
            imagefill($img, $sx, $sy, $clr);
        }
    }
    
    /**
     * 绘制椭圆弧
     */
    function drawArc($img, $ox, $oy, $a, $b, $sd, $ed, $clr) {
        $n = ANGLELENGTH > 0 ? ceil(($ed - $sd) / ANGLELENGTH) : -1;
        $d = $sd;
        list($x0, $y0) = getExy($a, $b, $d);
        for ($i = 0; $i < $n; $i++) {
            $d = ($d + ANGLELENGTH) > $ed ? $ed : ($d + ANGLELENGTH);
            // list() 函数用数组中的元素为一组变量赋值
            list($x, $y) = getExy($a, $b, $d);
            imageline($img, $x0 + $ox, $y0 + $oy, $x + $ox, $y + $oy, $clr);
            $x0 = $x;
            $y0 = $y;
        }
    }
    
    /**
     * 绘制扇面
     */
    function drawSector($img, $ox, $oy, $a, $b, $sd, $ed, $clr) {
        //ceil 返回大于这个输得最小整数
        $n = ANGLELENGTH > 0 ? ceil(($ed - $sd) / ANGLELENGTH) : -1;
        $d = $sd;
        //list() 函数用数组中的元素为一组变量赋值
        list($x0, $y0) = getExy($a, $b, $d);
        imageline($img, $x0 + $ox, $y0 + $oy, $ox, $oy, $clr);
        for ($i = 0; $i < $n; $i++) {
            $d = ($d + ANGLELENGTH) > $ed ? $ed : ($d + ANGLELENGTH);
            list($x, $y) = getExy($a, $b, $d);
            imageline($img, $x0 + $ox, $y0 + $oy, $x + $ox, $y + $oy, $clr);
            $x0 = $x;
            $y0 = $y;
        }
        imageline($img, $x0 + $ox, $y0 + $oy, $ox, $oy, $clr);
        list($x, $y) = getExy($a / 2, $b / 2, ($d + $sd) / 2);
        imagefill($img, $x + $ox, $y + $oy, $clr);
    }
    
    /**
     * 根据$clr颜色获取对应的柱的阴影色
     * @param $img  图像
     * @param $clr  颜色
     * @return rgb颜色数组
     */
    function drawDarkColor($img, $clr) {
        //Array
        //(
        //    [red] => 226
        //    [green] => 222
        //    [blue] => 252
        //    [alpha] => 0
        //)
        $rgb = imagecolorsforindex($img, $clr);
        return array($rgb["red"] / 2, $rgb["green"] / 2, $rgb["blue"] / 2);
    }
    
    /**
     * 求角度$d对应的椭圆上的点坐标
     *
     * @param $a 横坐标
     * @param $b 纵坐标
     * @param $d 角度
     * @return 对应椭圆点坐标
     */
    function getExy($a, $b, $d) {
        //将角度转换为弧度   2π=360度
        $d = deg2rad($d);
        //这个地方没有看明白
        return array(round($a * cos($d)), round($b * sin($d)));
    }
    
    /**
     * 为图像分配RGB索引色
     */
    function drawIndexColor($img, $clr) {
        $red = ($clr >> 16) & 0xff;
        $green = ($clr >> 8) & 0xff;
        $blue = ($clr) & 0xff;
        //imagecolorallocate — 为一幅图像分配颜色
        return imagecolorallocate($img, $red, $green, $blue);
    }
    
    //测试示例
    $title = "动物园动物种类分布情况";
    $dataArr = array(20, 10, 20, 20, 10, 20, 30, 10, 11, 32, 12); //测试数据数组
    $labelArr = array("大象", "长颈鹿", "鳄鱼", "鸵鸟", "老虎", "狮子", "猴子", "斑马", "野驴", "羚羊", "猩猩"); //标签
    $colorArr = array(0x99ff00, 0x312520, 0x801dae, 0x25f8cb, 0x808080, 0xa29b7c, 0xbce672, 0x44cef6, 0xc2ccd0, 0x8d4bbb, 0x2e4e7e, 0x50616d, 0x845a33, 0x622a1d, 0xff6666, 0xe4c6d0, 0x8c4356, 0xa29b7c, 0x30dff3, 0xfffbf0, 0xedd1d8, 0x801dae, 0xb0a4e3, 0x0099ff, 0x003371, 0x60281e, 0x8c4356, 0x4c221b, 0xff99ff, 0xffff99, 0x0aa344, 0x99ffff, 0xc0ebd7, 0x1bd1a5, 0xc32136, 0xff3333, 0x009999, 0xfff143, 0xf9906f, 0xbe002f, 0x8d4bbb, 0x815476); //对应颜色数组
    $result = drawPieImg($title, $dataArr, $labelArr, $colorArr);
    echo "<img src=" . $result . " mce_src=" . $result . ">";
    ?>
  • 相关阅读:
    Golang数组Array
    转:【专题六】UDP编程
    转:【专题五】TCP编程
    转:【专题四】自定义Web浏览器
    转:【专题三】自定义Web服务器
    转:【专题二】HTTP协议详解
    转:【专题一】网络协议简介
    转:[你必须知道的异步编程]C# 5.0 新特性——Async和Await使异步编程更简单
    转:[你必须知道的异步编程]——基于任务的异步模式
    转:[你必须知道的异步编程]——基于事件的异步编程模式
  • 原文地址:https://www.cnblogs.com/timelesszhuang/p/4326555.html
Copyright © 2011-2022 走看看