精华内容
下载资源
问答
  • 制作圆饼统计图2018年06月13日 16:05:22阅读数:547//创建画布,返回一个资源类型的变量$image,并在内存中开辟一个临时区域$image = imagecreatetruecolor(100, 100); //创建画布大小为100x100//设置图像中所需的...

    制作圆饼统计图

    2018年06月13日 16:05:22阅读数:547

    //创建画布,返回一个资源类型的变量$image,并在内存中开辟一个临时区域

    $image = imagecreatetruecolor(100, 100);                //创建画布大小为100x100

    //设置图像中所需的颜色,相当于在画画时准备的染料盒

    $white = imagecolorallocate($image, 0xFF, 0xFF, 0xFF);          //为图像分配颜色为白色

    $gray = imagecolorallocate($image, 0xC0, 0xC0, 0xC0);           //为图像分配颜色为灰色

    $darkgray = imagecolorallocate($image, 0x90, 0x90, 0x90);       //为图像分配颜色为暗灰色

    $navy = imagecolorallocate($image, 0x00, 0x00, 0x80);           //为图像分配颜色为深蓝色

    $darknavy = imagecolorallocate($image, 0x00, 0x00, 0x50);       //为图像分配颜色为暗深蓝色

    $red = imagecolorallocate($image, 0xFF, 0x00, 0x00);           //为图像分配颜色为红色

    $darkred = imagecolorallocate($image, 0x90, 0x00, 0x00);       //为图像分配颜色为暗红色

    imagefill($image, 0, 0, $white);            //为画布背景填充背景颜色

    //动态制作3D效果

    for ($i = 60; $i >50; $i--){                //循环10次画出立体效果

    imagefilledarc($image, 50, $i, 100, 50, -160, 40, $darknavy, IMG_ARC_PIE);

    imagefilledarc($image, 50, $i, 100, 50, 40, 75, $darkgray, IMG_ARC_PIE);

    imagefilledarc($image, 50, $i, 100, 50, 75, 200, $darkred, IMG_ARC_PIE);

    }

    imagefilledarc($image, 50, 50, 100, 50, -160, 40, $navy, IMG_ARC_PIE);      //画一椭圆弧且填充

    imagefilledarc($image, 50, 50, 100, 50, 40 , 75, $gray, IMG_ARC_PIE);      //画一椭圆弧且填充

    imagefilledarc($image, 50, 50, 100, 50, 75, 200, $red, IMG_ARC_PIE);      //画一椭圆弧且填充

    imagestring($image, 1, 15, 55, '34.7%', $white);                //水平地画一行字符串

    imagestring($image, 1, 45, 35, '55.5%', $white);                //水平地画一行字符串

    //向浏览器中输出一个GIF格式的图片

    header('Content-type:image/png');               //使用头函数告诉浏览器以图像方式处理以下输出

    imagepng($image);                       //向浏览器输出

    imagedestroy($image);                   //销毁图像释放资源

    全部评论

    文明上网理性发言,请遵守新闻评论服务协议0条评论

    bbc9dece7cb9d9564a3c0372724d5550.png

    立即提交

    展开全文
  • php画一个背景透明,且开始处旋转到在圆的正下方处的一个圆饼统计图
    /*
     * _survey 得到一个投票的圆饼图
    * @access public 表示函数对外公开
    * @param $_agree 同意票数
    * @param $_disagree 反对票数
    * return 一张统计圆饼图
    * */
    function _vote($_agree,$_disagree){
        //处理参数
        if($_agree==0&&$_disagree==0){
            $_vote = 270;
        }
        if($_agree==0&&$_disagree!=0){
            $_vote = 91;
        }
        if($_agree!=0&&$_disagree==0){
            $_vote = 89;
        }
        if($_agree!=0&&$_disagree!=0){
            $_vote = intval(360*($_agree/($_agree+$_disagree))+90);
        }
        //创建画布
        $_img=imagecreatetruecolor(150,100);
        //填充透明背景
        imagealphablending($_img, false);
        imagesavealpha($_img, true);
        $white = imagecolorallocatealpha($_img,255,255,255,127);
        imagefill($_img,0,0,$white);
        //创建颜色
        $_green=imagecolorallocate($_img,180,210,52);
        $_blue=imagecolorallocate($_img,83,201,237);
        $_gary=imagecolorallocate($_img,192,192,192);
        $_green1=imagecolorallocate($_img,149,178,36);
        $_blue1=imagecolorallocate($_img,41,160,193);
        $_gary1=imagecolorallocate($_img,144,144,144);
        
        for($i=60;$i>=50;$i--){
            imagefilledarc($_img,100,$i,100,50,90,$_vote,$_blue1,IMG_ARC_PIE);
            imagefilledarc($_img,100,$i,100,50,$_vote,90,$_green1,IMG_ARC_PIE); 
        }
        
        imagefilledarc($_img,100,$i,100,50,90,$_vote,$_blue,IMG_ARC_PIE);
        imagefilledarc($_img,100,$i,100,50,$_vote,90,$_green,IMG_ARC_PIE);
        
        header("content-type: image/png");
        imagepng($_img);
        imagedestroy($_img);
    }


    展开全文
  • xml灵活配置 flash统计图- flash柱形图- flash圆饼图- flash折线图 多款flash统计图动画
  • Android统计图控件之圆饼

    千次阅读 2018-04-08 14:25:07
    环形的简单用法,详细属性在代码的注释中。

    使用场景:

    使用到圆饼图,环形图来展示某些比例的时候。

    使用方法:

    1 添加依赖  https://github.com/PhilJay/MPAndroidChart

    2 复制代码

     /**
         * 环形图用法
         */
        private void initChart() {
            //true  PieChart内的值会被抽取成百分比
            indexBiding.chart.setUsePercentValues(false);
            //返回负责保存所有相关信息的图表的描述对象,在图表右下角显示的描述文本(默认情况下)
            indexBiding.chart.getDescription().setEnabled(false);
            //设置额外的偏移量
            indexBiding.chart.setExtraOffsets(5, 10, 5, 5);
            //*减速摩擦系数[0];1]区间,更高的值 表示速度会缓慢下降,例如,如果设置为0,则速度会减慢。将立即停止。1是无效值,将被转换为。自动* 0.999 f
            indexBiding.chart.setDragDecelerationFrictionCoef(0.95f);
            //设置在PieChart中心显示的文本字符串
            indexBiding.chart.setCenterText(generateCenterSpannableText());
            //将此设置为true,以使饼中心为空
            indexBiding.chart.setDrawHoleEnabled(true);
            //为绘制在该图中心的孔设置颜色
            indexBiding.chart.setHoleColor(Color.WHITE);
            //设置透明圈应有的颜色
            indexBiding.chart.setTransparentCircleColor(Color.WHITE);
            //设置透明圈的透明度为0 =完全透明,255 =完全不透明,默认值为100。
            indexBiding.chart.setTransparentCircleAlpha(254);
            //将该孔的半径设为百分比,最大半径(最大值=整个图的半径),默认值为50%。
            indexBiding.chart.setHoleRadius(95f);
            //设置在孔旁边的透明圆的半径,在最大半径的百分比(最大值=半径)的情况下,整个图表),默认的55% ->意味着比中心孔大5%
    //        indexBiding.chart.setTransparentCircleRadius(61f);
            //将此设置为true,以绘制显示在中心位置的文本,饼图
            indexBiding.chart.setDrawCenterText(true);
            //设置一个偏移量,以使雷达图的旋转度。
            indexBiding.chart.setRotationAngle(0);
            //将此设置为true,可以通过触摸启用图表的旋转/旋转,设置为false以禁用它。默认值:真正的
            indexBiding.chart.setRotationEnabled(true);
            //将此设置为false,以防止通过tap手势突出显示值,仍然可以通过拖动或编程来突出显示值
            indexBiding.chart.setHighlightPerTapEnabled(false);
    
            setData(4, 100);
            //在y轴上以指定的方式对图表的绘制进行动画处理,动画。如果调用animate(…),则不再调用。invalidate()是刷新图表所必需的
            indexBiding.chart.animateY(1400, Easing.EasingOption.EaseInOutQuad);
            Legend l = indexBiding.chart.getLegend();
            //不想展示每种颜色的说明,调用下面那句代码即可。
            l.setEnabled(false);
            //        l.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
            //        l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT);
            //        l.setOrientation(Legend.LegendOrientation.VERTICAL);
            //        //设置l的形状,默认是矩形
            //        l.setForm(LegendForm.LINE);
            //        l.setDrawInside(false);
            //        //设置距离饼图的距离,防止与饼图重合
            //        l.setXEntrySpace(2f);
            //        l.setYEntrySpace(0f);
            //        l.setYOffset(0f);
            //设置条目标签的颜色。
            indexBiding.chart.setEntryLabelColor(Color.WHITE);
            //设置dp中条目标签的大小。默认值:13 dp
            indexBiding.chart.setEntryLabelTextSize(1f);
            //为图表设置一个选择监听器
            indexBiding.chart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
                @Override
                public void onValueSelected(Entry e, Highlight h) {
    
                }
    
                @Override
                public void onNothingSelected() {
    
                }
            });
        }
    
        private void setData(int count, float range) {
            float mult = range;
            ArrayList<PieEntry> entries = new ArrayList<PieEntry>();
            entries.add(new PieEntry(40, "优秀"));
            entries.add(new PieEntry(20, "满分"));
            entries.add(new PieEntry(30, "及格"));
            entries.add(new PieEntry(10, "不及格"));
            PieDataSet dataSet = new PieDataSet(entries, "");
            dataSet.setDrawIcons(false);
            dataSet.setSliceSpace(3f);
            dataSet.setIconsOffset(new MPPointF(0, 0));
            dataSet.setSelectionShift(5f);
            ArrayList<Integer> colors = new ArrayList<Integer>();
            colors.add(getActivity().getResources().getColor(R.color.FF9BD2));
            colors.add(getActivity().getResources().getColor(R.color.NTCFST));
            colors.add(getActivity().getResources().getColor(R.color.B5E5));
            colors.add(getActivity().getResources().getColor(R.color.E21918));
            dataSet.setColors(colors);
            PieData data = new PieData(dataSet);
            data.setValueFormatter(new PercentFormatter());
            //圆饼图中子体大小设置
            data.setValueTextSize(0f);
            //圆饼中字体颜色设置
            data.setValueTextColor(Color.WHITE);
            //为图表设置一个新的数据对象。数据对象包含所有值,和显示所需的信息。
            indexBiding.chart.setData(data);
            //在给定的数据集中突出显示给定索引的值。提供null或空数组以撤消所有突出显示。这应该已经习惯了,此方法*不会*调用侦听器。
            indexBiding.chart.highlightValues(null);
            //整个视图无效。如果视图是可见的,
            indexBiding.chart.invalidate();
        }
    
        /**
         * 设置圆饼图内显示内容
         *
         * @return
         */
        private SpannableString generateCenterSpannableText() {
            SpannableString s = new SpannableString("");
            return s;
        }
    

    3 运行


            

    展开全文
  • 主要就是圆饼统计表,其次就是自己写的greenDao和AES加密的Utils
  • VC扇形统计图

    2012-09-06 15:27:56
    几乎包含了所有网上找到的扇形统计图的代码,都有封装,很好...有一个是gdi+实现,重点推荐,封装成了一个类,用起来很方便,画出来的图很漂亮,最帅的是他可以画出来3D的圆饼统计图,嵌入到你的程序里面绝对是个亮点。
  • 统计圆饼图效果

    2008-05-01 06:18:00
    ()" value="画饼"> <!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //-...
    
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
    <HTML>
    <HEAD>
    <TITLE>饼图</TITLE>
    <script>
    function DrawPieChart()
    {
    var totalvalue = value1.value/360 + value2.value/360 + value3.value/360 + value4.value/360;
    var per1 = value1.value/totalvalue;
    var per2 = value2.value/totalvalue;
    var per3 = value3.value/totalvalue;
    var per4 = value4.value/totalvalue;

    var per12 = per1 + per2;
    var per123 = per1 + per2 + per3;

    Chart.innerHTML = "<OBJECT ID='PieChart' CLASSID='
    CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6' STYLE='position:relative;top:0;left:0;width:400;height:400'>
    <PARAM NAME='Line0001' ALUE='SetLineColor(255, 0, 127)'><PARAM NAME='Line0002' value='SetFillStyle(1)'><PARAM NAME='Line0003' value='SetFillColor(0, 255, 80)'><PARAM NAME='Line0004'
    value='Pie(-100, -100, 200, 200, 0, "+ per1 +", 0)'><PARAM NAME='Line0005' value='SetFillStyle(1)'><PARAM NAME='Line0006' value='SetFillColor(0, 0, 255)'><PARAM NAME='Line0007' value='Pie(-100, -100, 200, 200, "+ per1 + ", " + per2 + ", 0)'><PARAM NAME='Line0008' value='SetFillStyle(1)'><PARAM NAME='Line0009' value='SetFillColor(0, 128, 128)'><PARAM NAME='Line0010' value='Pie(-100, -100, 200, 200, "+per12+","+per3+", 0)'><PARAM NAME='Line0011' value='SetFillStyle(1)'><PARAM NAME='Line0012' value='SetFillColor(255, 0, 0)'><PARAM NAME='Line0013' value='Pie(-100, -100, 200, 200, "+per123+","+per4+", 0)'></OBJECT>"

    }
    </script>
    <style>
    <!--
    body, p, div,td,input{font:menu;line-height: 150%}
    .div { font-family: 宋体; font-size: 12px; line-height: 150% }
    -->
    </style>
    </HEAD>
    <BODY>
    <table border=1 width=100%>
    <tr><td id="Chart" width=50% height=400 align=center>
    准备画图。。。</td>
    <td width=50%>
    <p align=center>
    输入4个数<br>
    <input id="value1" type=text size=6 value=0>
    <input id="value2" type=text size=6 value=0>
    <input id="value3" type=text size=6 value=0>
    <input id="value4" type=text size=6 value=0>
    </p>
    <p align=center>
    <input type=button οnclick="DrawPieChart()" value="画饼图">
    </p>
    </td>
    </tr>
    </table>
    </BODY>
    </HTML>

    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
    展开全文
  • ASP.NET圆饼图投票程序

    2021-03-16 01:46:29
    摘要:.NET源码,统计调查,投票,圆饼图 显示圆饼图的投票小程序,只实现了投票和显示投票数据的基本功能,使用了圆饼图作为百分比,更形象更清淅,用户一目了然即可掌握投票的情况。本例运行截图如上所示。
  • Jquery根据table数据画折线\柱状\圆饼图
  • 下载下来就可以跑的完整的话圆饼图圆饼中间是白的,数据可以自己添加
  • 程序摘要:.NET源码,统计调查,投票,圆饼图  一个ASP.NET显示圆饼图的投票小程序,只实现了投票和显示投票数据的基本功能,使用了圆饼图作为百分比,更形象更清淅,用户一目了然即可掌握投票的情况。本例运行截图...
  • Vue之echarts圆饼图详解

    千次阅读 2019-07-12 10:25:57
    圆饼图 案例分析 代码: option = { backgroundColor: '#2c343c', title: { text: 'Customized Pie', left: 'center', top: 20, textStyle: { color: '#ccc...
  • 今天讲图表统计中比较常用的一个,像支付宝的月账单啥的,都是用圆饼图来做数据统计的,先看一下我最终实现的效果: image.png 该效果实际上是两个实心圆叠加后的效果。 image.png image.png ...
  • PHP各种生成统计图

    2012-10-27 14:37:49
    可直接生成树桩,圆饼统计图等等,可设置生成图片大小等。
  • 主要实现 不同比例在圆饼图中显示,并在下面显示对应的项目和所占百分比
  • Echarts之圆饼图用法

    2020-03-21 14:00:47
    Echarts之圆饼图用法css代码html代码js代码 css代码 #chartone { float: left; margin-left: -50px; height: 159px; width: 300px; } html代码 <div id="chartone"&...
  •  圆饼图 饼图先带领大家认识一个入门级别的,先看代码: from pyecharts import Pie # pie = Pie("用餐人数tips统计") pie.add("人数", size['size'],size['average_tip'], is_label_show=True, # 是否...
  • 一个关于android动态饼状统计图的DEMO
  • 小程序实现圆饼图

    千次阅读 2020-02-20 14:26:54
    效果 预备知识 CanvasContext.createCircularGradient(number x, number y, number r) 创建一个圆形的渐变颜色。起点在圆心,终点在圆环。返回的CanvasGradient对象需要使用 CanvasGradient.addColorStop() 来...
  • android分区域点击的圆饼图(区域个数比例根据数据源动态改变) android分区域点击的圆饼图(区域个数比例根据数据源动态改变) android分区域点击的圆饼图(区域个数比例根据数据源动态改变)
  • 我们上一篇文章,用词云展示了词频,这一篇,我们用柱状圆饼图,散点等来显示词频,使其可视化。from matplotlib.font_manager import FontProperties from collections import Counter from pylab import * ...
  • 大家好,现在我想把数据库统计出来的数据结果,通过柱状圆饼图的形式显示在jsp页面上 如果有例子代码的话,最好能发一下给我,或者具体的步骤说明一下也可以的,谢谢啊!
  • 最近由于项目需要,要做几个统计图. 网上找了找发现了ZedGraph控件和dotnetCHARTIN控件. ZedGraph:支持winform和webform。支持可视化设计,并且最主要他是开源的. dotnetCHARTIN:需要到网上找破解版的 下载地址:...
  • 圆饼信息图表设计

    2021-07-29 02:38:55
    圆饼信息图表设计适用于信息统计图表设计的AI格式素材
  • 在开发中经常遇到统计之类的需求,特此封装了一个简单的圆饼图和圆环,效果如下 代码下载地址:https://github.com/minyahui/MYHCricleView.git 转载于:...
  • 最近由于项目需要,要做几个统计图. 网上找了找发现了ZedGraph控件和dotnetCHARTIN控件. ZedGraph:支持winform和webform。支持可视化设计,并且最主要他是开源的. dotnetCHARTIN:需要到网上找破解版的 下载地址:...
  • 并绘制南昌大学、华东交通大学、江西理工大学三个高校的总分排名、生源质量(新生高考成绩得分)、培养结果(毕业生就业率)、顶尖成果(高被引论文·篇)等四个指标构成的多指标柱形。 3. 对江西各高校的...
  • Flash圆饼图表,主要用于网页统计系统中,以圆饼的大小直观显示数据的比例,在国内已有类似的典型应用:百度统计、站长统计以及51.la站长工具等,都用此来显示各大搜索引擎访问网站的流量大小,让人一目了然。...
  • 绘制柱状统计图 把 SSTMonthColumnChart 添加到 View 上 @property (nonatomic, strong) SSTMonthColumnChart *knownColumnChart; self.knownColumnChart = [self createColumnView]; self.knownColumnChart....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 691
精华内容 276
关键字:

圆饼统计图