精华内容
下载资源
问答
  • 饼图

    2020-12-06 07:20:20
    饼图和柱状图的区别 还没想好 #饼图 import pandas as pd import matplotlib.pyplot as plt s = pd.read_excel(r"D:\pythonProject\Pandas玩转Excel-源代码\代码\012\Students.xlsx") #绘图,排序,开始角度 s['...

    饼图和柱状图的区别

    还没想好

    #饼图
    import pandas as pd
    import matplotlib.pyplot as plt
    
    s = pd.read_excel(r"D:\pythonProject\Pandas玩转Excel-源代码\代码\012\Students.xlsx")
    #绘图,排序,开始角度
    s['2017'].sort_values().plot.pie(fontsize=8,startangle=-270)
    #添加标题,设置字体
    plt.title("人口分布图",fontsize=16,fontweight="bold")
    plt.ylabel('2017',fontsize=12,fontweight="bold")
    
    plt.show()
    
    展开全文
  • 饼图饼图饼图

    2017-09-15 11:03:44
    饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图饼图...
  • php饼图 jquery饼图

    2017-01-13 11:46:51
    php饼图 jquery饼图 highcharts
  • Highcharts 饼图

    2020-12-14 00:09:16
    Highcharts 饼图 下表列出了 Highcharts 不同类型的饼图: 序号 图表类型 1 基本饼图 2 显示图例饼图 3 圆环图 4 半圈圆环图 5 向下钻取饼图 6 渐变饼图 7 单色饼图
  • php 生成饼图 三维饼图实现代码,大家可以测试下。
  • ECharts 饼图

    2020-12-14 05:17:55
    ECharts 饼图 前面的章节我们已经学会了使用 ECharts 绘制一个简单的柱状图,本章节我们将绘制饼图饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,只有一维的数值,不...
  • Excel饼图圆环图模板-饼图百分比
  • Excel饼图圆环图模板-双层饼图
  • VC饼图。VC,VC,饼图,饼图,VC饼图。VC,VC,饼图,饼图,VC饼图。VC,VC,饼图,饼图,VC饼图。VC,VC,饼图,饼图VC饼图。VC,VC,饼图,饼图VC饼图。VC,VC,饼图,饼图
  • 使用canvas来绘制饼图

    2017-04-26 11:16:42
    饼图
  • Excel饼图圆环图模板-多饼图组合图表
  • Excel饼图圆环图模板-动态复合型饼图
  • 创建一个简单的饼图以及如何对饼图切片进行一些自定义。(该文件包含了完整项目源代码的下载链接)
  • flash饼图flash饼图

    2008-11-12 15:14:04
    flash饼图flash饼图flash饼图...
  • Excel饼图圆环图模板-半圆式饼图与圆环
  • echarts饼图不显示数据为0的数据

    万次阅读 热门讨论 2017-06-20 16:35:57
    echarts饼图不显示数据为0的数据(测试可用,希望对有相关问题的人有所帮助)

    备注:文章里使用的是老版本的echart.js(2.x). 新版本(5.0.2)的echart.js的话可以参考https://blog.csdn.net/weixin_42080056/article/details/114523820

     

    首先阐述下为什么会有这个需求,这个和echarts自身的显示效果有关。

    如果你选择的展示图形为饼图,然后你的数据里有一条数据为0,那么展示的数据就为一条直线,看上去效果并不好,

    会很突兀。

    当然如果你的业务需求就算是直线的话也要展示出来,那么下面的文章你可以略过了,对你画图表并没有什么帮助。

    言归正传,我这里会结合代码和图给大家看看效果,首先看看数据为0时的效果。效果如下

    附上代码:

    <html>
    <head>
    	<title>echarts测试</title>
    	<script type="text/javascript" src="echarts.js"></script>
        <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    </head>
    <body>
    	 <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
        <div id="main" style="width: 600px;height:800px;"></div>
        <script type="text/javascript">
            // 基于准备好的dom,初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
     
            var option = {
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                title: {
                    text: '某站点用户访问来源',
                    subtext: '纯属虚构',
                    x:'center'
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    //这个为提示条,注意名称要和data里的name一一对应
                    data: ['视频广告','联盟广告', '邮件营销', '直接访问',"搜索引擎","黑客"]
                },
    
                series : [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%', 
    
                        data:[
                            {value:235, name:'视频广告'},
                            {value:274, name:'联盟广告'},
                            {value:310, name:'邮件营销'},
                            {value:335, name:'直接访问'},
                            {value:1400, name:'搜索引擎'},
                            {value:0, name:'黑客'}
    
                            // {value:0, name:'黑客',itemStyle:{
                            //    normal:{
                            //         label:{
                            //             show: true,
                            //             formatter: function (params,option) {
                            //                 if(params.data.value == 0){
                            //                     // params.data.itemStyle.normal.labelLine.show = false;
                            //                     params.data.label.normal.show = false; 
                            //                     params.data.labelLine.normal.show = false;    
                            //                 }
                            //             },
                            //         },
                            //         labelLine: {
                            //             show: true
                            //         }
                            //    }
                            // }}
                        ]
                    }
                ]
            }
    
    //         var opt = option.series[0];
    // lineHide(opt);
    // //数据为零时隐藏线段
    // function lineHide(opt) {
    //     jQuery.each(opt.data, function (i, item) {
    //         if (item.value == 0) {
    //             item.itemStyle.normal.labelLine.show = false;
    //             item.itemStyle.normal.label.show = false;
    //         }
    //     });
    // }
    
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        </script>
    </body>
    </html>

     

     

     


    是不是很难受。

    下面我这里介绍下将0数据不在饼图上显示的几种方式。

    现附上最终效果图:

    1.在后台数据处理时候讲数据结果为0的数据过滤掉(这个大家根据业务情况做处理,这里只讲述下思路,不做具体展示)

    2.在option的定义里处理(和第三个方法本质上是一样的,2的方式对各个数据进行处理,更有针对性,而3对饼图里的所有数据都做统一处理,大家根据需要进行选择)

    附上代码:

     

    <html>
    <head>
    	<title>echarts测试</title>
    	<script type="text/javascript" src="echarts.js"></script>
        <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    </head>
    <body>
    	 <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
        <div id="main" style="width: 600px;height:800px;"></div>
        <script type="text/javascript">
            // 基于准备好的dom,初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
     
            var option = {
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                title: {
                    text: '某站点用户访问来源',
                    subtext: '纯属虚构',
                    x:'center'
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    //这个为提示条,注意名称要和data里的name一一对应
                    data: ['视频广告','联盟广告', '邮件营销', '直接访问',"搜索引擎","黑客"]
                },
    
                series : [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%', 
    
                        data:[
                            {value:335, name:'直接访问'},
                            {value:310, name:'邮件营销'},
                            {value:234, name:'联盟广告'},
                            {value:135, name:'视频广告'},
                            {value:1548, name:'搜索引擎'},
                            // {value:0, name:'黑客'}
                            //注意:这种方式,这个过滤只针对黑客这个属性,其他属性如果为0的话还是会显示的,
                            //这个是具体根据某个属性做的设置,如果需要对所有的属性都做处理,推荐使用第三种
                            {value:0, name:'黑客',itemStyle:{
                               normal:{
                                    label:{
                                        show: true,
                                        formatter: function (params,option) {
                                            if(params.data.value == 0){
                                                // params.data.itemStyle.normal.labelLine.show = false;
                                                params.data.label.normal.show = false; 
                                                params.data.labelLine.normal.show = false;    
                                            }
                                        },
                                    },
                                    labelLine: {
                                        show: true
                                    }
                               }
                            }}
                        ]
                    }
                ]
            }
    
    //         var opt = option.series[0];
    // lineHide(opt);
    // //数据为零时隐藏线段
    // function lineHide(opt) {
    //     jQuery.each(opt.data, function (i, item) {
    //         if (item.value == 0) {
    //             item.itemStyle.normal.labelLine.show = false;
    //             item.itemStyle.normal.label.show = false;
    //         }
    //     });
    // }
    
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        </script>
    </body>
    </html>

     

     

     

     

     

    3.写一个函数,遍历所有的数据,将为0的数据隐藏掉

    附上代码:

     

    <html>
    <head>
    	<title>echarts测试</title>
    	<script type="text/javascript" src="echarts.js"></script>
        <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    </head>
    <body>
    	 <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
        <div id="main" style="width: 600px;height:800px;"></div>
        <script type="text/javascript">
            // 基于准备好的dom,初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
     
            var option = {
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                title: {
                    text: '某站点用户访问来源',
                    subtext: '纯属虚构',
                    x:'center'
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    //这个为提示条,注意名称要和data里的name一一对应
                    data: ['视频广告','联盟广告', '邮件营销', '直接访问',"搜索引擎","黑客"]
                },
    
                series : [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%', 
    
                        data:[
                            //使用该种方法记得要加上itemStyle属性,不然会找不到show属性报错的
                            {value:335, name:'直接访问',itemStyle:{
                               normal:{
                                    label:{
                                        show: true,
                                    },
                                    labelLine: {
                                        show: true
                                    }
                               }
                            }},
                            {value:310, name:'邮件营销',itemStyle:{
                               normal:{
                                    label:{
                                        show: true,
                                    },
                                    labelLine: {
                                        show: true
                                    }
                               }
                            }},
                            {value:234, name:'联盟广告',itemStyle:{
                               normal:{
                                    label:{
                                        show: true,
                                    },
                                    labelLine: {
                                        show: true
                                    }
                               }
                            }},
                            {value:135, name:'视频广告',itemStyle:{
                               normal:{
                                    label:{
                                        show: true,
                                    },
                                    labelLine: {
                                        show: true
                                    }
                               }
                            }},
                            {value:1548, name:'搜索引擎',itemStyle:{
                               normal:{
                                    label:{
                                        show: true,
                                    },
                                    labelLine: {
                                        show: true
                                    }
                               }
                            }},
                            {value:0, name:'黑客',itemStyle:{
                               normal:{
                                    label:{
                                        show: true,
                                    },
                                    labelLine: {
                                        show: true
                                    }
                               }
                            }}
                        ]
                    }
                ]
            }
    
            var opt = option.series[0];
            lineHide(opt);
            //数据为零时隐藏线段
            function lineHide(opt) {
                jQuery.each(opt.data, function (i, item) {
                    if (item.value == 0) {
                        item.itemStyle.normal.labelLine.show = false;
                        item.itemStyle.normal.label.show = false;
                    }
                });
            }
    
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        </script>
    </body>
    </html>

     

     

     

     

     

     

    展开全文
  • matalb饼图matplotlib饼图

    2020-04-14 15:17:56
    clear all; x=[1 5 0.5 3.5 2];...pie(x,explode)%绘制饼图 colormap jet pie3(x,explode) colormao hsv import matplotlib.pyplot as plt import numpy as np import math from mpl_toolkits.mplot...
    clear all;
    x=[1 5 0.5 3.5 2];
    explode=[0 1 0 0 0];
    pie(x,explode)%绘制饼图
    colormap jet
    pie3(x,explode)
    colormao hsv
    
    import matplotlib.pyplot as plt
    import numpy as np
    import math
    from mpl_toolkits.mplot3d import Axes3D
    '''二维饼图'''
    x=np.array([1,5,0.5,3.5,2])
    explode=(0,0.1,0,0,0)
    plt.figure(figsize=(10,10))
    # plt.subplot(2,1,1)
    plt.pie(x,explode=explode,labels=None,colors=None,autopct='%1.1f%%',shadow=True,startangle=90)
    plt.show()
    

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • echarts图表 饼图

    2019-07-21 09:39:11
    echarts图表 饼图
  • PieChart 饼图

    2016-08-02 16:27:07
    PieChart 饼图,带点击效果,可转动,附加比例图
  • 饼图显示

    2021-01-10 18:56:58
    1.饼图如何设置让它在比例个数变化时不会有缩放效果(现在demo饼图比例变化会时大时小) 2.同时如何去掉选中状态 3.以及指向值的线条样式能自定义吗?</p><p>该提问来源于开源项目:AAChartModel/...
  • Excel饼图圆环图模板-多数据圆环与饼图组合
  • echarts 多饼图

    2018-10-23 15:28:53
    Echarts 多饼图
  • raphael饼图

    2015-09-11 11:28:52
    raphael饼图,直接下载就能运行,可供参考

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,696
精华内容 6,678
关键字:

饼图